| 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