Autor | Zpráva | ||
---|---|---|---|
lucas Profil * |
#1 · Zasláno: 27. 10. 2009, 13:47:05
Ahojte, potrebujeme vyriesit toto: pod sebou aby boli 3 DIV elementy
1. div -> vyska X pixelov 2. div -> vyska Y pixelov 3. div -> premenliva vyska, ktora by bola zvyskom viditelnej plochy. Keby som zmenil velkost browsera, tak nech sa 3. DIV prisposobi tej zmene. Teda nieco taketo: <div style="height: 100%;"> <div style="height: 50px;">1. div</div> <div style="height: 50px;">2. div</div> <div style="height: ???;">3. div</div> </div> Urcite sa to da, len netusim ako... |
||
Camo Profil |
#2 · Zasláno: 27. 10. 2009, 16:19:48 · Upravil/a: Camo
Mám dojem, že toto neporiešiš, iba ak pomocou Javascriptu. Musel by si vypočítať percentuálnu výšku tých dvoch divov a z toho potom tretí div, alebo zistiť výšku okna prehliadača a odpočítať tie dva.
|
||
Davex Profil |
#3 · Zasláno: 27. 10. 2009, 20:32:07
Tady je variace na známou Plaváčkovu patičku vždy dole:
<!doctype html> <title>CSS 100% height column</title> <style> html, body { height: 100%; padding: 0; margin: 0; } #page { min-height: 100%; /* CSS2 */ width: 85%; margin: auto; background: #eee; } * html #page { height: 100%; /* IE6 fix */ } #top { height: 3em; background: #999; } #middle { height: 6em; background: #ccc; } #bottom:after { content: " "; /* opera 9.5 100% height fix */ visibility: hidden; } #top, #middle, #bottom { padding: 1px 0; } </style> <div id="page"> <div id="top"><p>#top</p></div> <div id="middle"><p>#middle</p></div> <div id="bottom"><p>#bottom</p></div> </div> |
||
lucas Profil * |
#4 · Zasláno: 27. 10. 2009, 22:00:16
Davex:
Dakujem, velmi pekne riesenie. |
||
Časová prodleva: 14 let
|
0