Variable Länge von div ist zuviel

chuqa

Hallo,

ich habe auf einer Seite zwei Divs ineinandergeschachtelt:

Code

<div id="main_bg">
   <div id="main_fg">
   [...]
   </div>
</div>

und folgende Style-Angaben:

Code

div#main_bg{
	position:relative;
	top:0px;
	background-image:url(bg_verlauf2.gif);
	width:800px;
	margin: 0px auto;
	text-align:left;
}


div#main_fg{
	position:relative;
	top:0px;
	background-image:url(bg_logo_verlauf.gif);
	background-repeat:no-repeat;
	width:800px;
	min-height:600px;
	margin: 0px auto;
	text-align:left;
}

Alles anzeigen

Das innere div (main_fg) kann jetzt je nach ausgewähltem Menüpunkt gefüllt werden (mithilfe von Ajax), z.B. lade 2 weitere Divs dort hinein, wobei eines ein Menü enthält und das andere der Platzhalter für diese Untermenüpunkte sein soll.

Code

<div id="themes" style="position:relative;left:0px;top:0px;width:150px;min-height:550px;float:left;">


[...]
</div>
<div id="resultsContent" style="position:relative;left:0px;top:0px;width:620px;min-height:550px;margin-right:5px;float:right;">


</div>

Wenn ich nun ein Untermenüpunkt wähle wird also Inhalt nachgeladen (wieder mit Ajax). Dabei kann es passieren, dass der nachgeladenen Inhalt größer ist, als der div-Bereich mit dem Logo. Nun soll sich der äußere div-Bereich(main_bg) und auch der Innere (main_fg) verlängern. Das wird auch getan, nur viel zu weit. Der Inhalt den ich dort hineinlade ist wie folgt umschlossen:

Code

<p align="justify">
</p>

Wer sich das Ganze nochmal anschauen möchte:http://vip05.de/vips05.html#results_fce06
Wo liegt mein Fehler, wie bekomme ich es hin, dass sich die Divs wirklich nur soweit vergrößern wie ich es benötige?

gruß chuqa

chuqa

Ich stell gerade fest, dass es gar nicht verlängert wird, d.h. eigentlich hat nur der Firefox seine Probleme damit.

chuqa

Ok ich denke ich hab die Antwort gefunden. Bin im selfhtml-Forum fündig geworden:http://www.selfhtml.de/forum/zeigebeitrag_1_83294__0.php Habe jetzt die Seite, die bei einem Menüpunkt geladen wird und die zwei Divs enthält, noch ein Div angefügt:

Code

<div id="themes" style="position:relative;left:0px;top:0px;width:150px;min-height:550px;float:left;">


[...]
</div>
<div id="resultsContent" style="position:relative;left:0px;top:0px;width:620px;min-height:550px;margin-right:5px;float:right;">


</div>
<div id="bug"></div>

Und als Stylesheet dann folgendes:

Code

div#bug{
	clear:both; 
}

Und schwups es geht, jedenfalls so auf den ersten Blick

gruß chuqa

Tags