✔ Feste (px) und dynamische (%) Höhe von mehreren DIV

[dwex]

Hallo Leute,

ich habe bei der Anwendung "Kimai" (Zeiterfassung unter http://www.kimai.de) gesehen, dass hier DIV-Boxen mit fester Höhe und DIV-Boxen mit variabler Höhe gemischt angezeigt werden.

Wenn man unter http://www.kimai.org/public/cid1/kimai/kimai08.jpg das Bild ansieht, sieht man wie die "Anwendung" aussieht. Die obere DIV-Box (dort wo rechts oben die große Uhr zu sehen ist) hat eine feste Höhe genauso wie die 3 DIV-Boxen welche unten zu sehen sind.
Die DIV-Box in der Mitte hat eine variable Höhe je nachdem welche Auflösung man am Monitor einstellt. Ich habe hier an meinem PC 2 Monitore einer mit einer 1280er und einer mit einer 1024er Auflösung - wenn ich das Browserfenster von dem einen zum anderen Monitor verschiebe passt sich die Höhe der mittleren Box automatisch an.

Ich habe jetzt schon einiges rumprobiert jedoch habe ich es nicht geschaft das so zu realisieren. Der Quelltext von kimai ist mir ehrlichgesagt zu kompliziert - habe in mir zwar angeschaut bin aber nicht schlauer daraus geworden.

Kann mir jemand erklären wie man sowas macht?
Vielen Dank im voraus.

 

[Maik]

Moin,

vermutlich willst du hierauf hinaus: http://www.cssplay.co.uk/layouts/bodyfix.html

Demnach ist der mittlere Block #content mit "dynamischer" Höhe folgendermaßen formatiert:

#content {
	display:block; 
	overflow:auto; 
	position:absolute; /* absolute Positionsart */
	z-index:3; 
	top:150px; /* Startposition von oben */
	bottom:52px; /* Startposition von unten */
	width:640px; 
	margin-left:-321px; 
	left:50%; 
	border-left:1px solid #000;
	border-right:1px solid #000;
	background:#fff;
	}

mfg Maik

 

[dwex]

Mensch Maik,

vielen Dank - das ist es was ich brauche!