Content Bereich nach Bedarf größern

[emptynick]

Hallo,

bin nicht der Profi in Sache Designanpassung,
man kann sich aber mal probieren!

Jetzt stellt sich für mich das Problem dass ich einen Content Bereich habe der je nach Content sich anpassen soll,
sprich in die die höhe gehen.

Sehen könnt ihr es hier:
(Ohne Text)
http://www.emptynick.de/lightgrafix/

(Mit Text)
http://www.emptynick.de/lightgrafix/?text=1


Wenn jemand rat weiß, bitte helfen

Danke im Vorraus und entschuldigung für die Anfängerfrage!

MfG

 

[Maik]

Hi,

du musst hierfür die relevanten Boxen mit einer Mindesthöhe ausstatten - also:

#main {
	position:absolute;
	left:20%;
	top:0px;
	width:794px;
        min-height: 700px; /* Mindesthöhe in modernen Browsern */
        height: auto !important; /* !important-Regel für moderne Browser */
	height:700px; /* Mindesthöhe in IE (<7) */
}

#content {
	position:absolute;
	left:35px;
	top:256px;
	width:720px;
        min-height: 400px; /* Mindesthöhe in modernen Browsern */
        height: auto !important; /* !important-Regel für moderne Browser */
	height:400px;  /* Mindesthöhe in IE (<7) */
}

 

[emptynick]

Mit relevanten Boxen meinst du also die Rahmen vom Content Bereich,
link, rechts?

Ich werde es mal ausprobieren!

Danke

Edit: Funktioniert leider nicht. Bin mir auch nicht sicher ob ich es richtig gemacht habe!

 

[Maik]

Edit: Funktioniert leider nicht. Bin mir auch nicht sicher ob ich es richtig gemacht habe!

Nein, du hast es nicht richtig gemacht, denn zum einen muss die umschliessende Box #main ebenfalls eine Mindesthöhe erhalten, und zum anderen hast du die erforderlichen Deklarationen in der falschen Reihenfolge notiert. Vergleiche hierzu nochmal mein Code-Beispiel mit den fettmarkierten Angaben.

 

[emptynick]

Habs jetzt nochmal geändert,
nach deinen Angaben,
funktioniert aber leider auch nicht.

Langsam wirds mir peinlich :-(

 

[Maik]

Dann liegt es jetzt noch an den absoluten Positionsangaben für die einzelnen DIVs, dass sich das Layout nicht in der Vertikalen ausdehnt.

Eine Alternative hierzu wäre die float-Eigenschaft, um Elemente nebeneinander auszurichten.