Autor Zpráva
lucas
Profil *
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
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
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 *
Davex:
Dakujem, velmi pekne riesenie.

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: