Hallo,

ich habe folgendes Problem und hoffe mir kann jemdand helfen:

Ich möchte einen äußeren Container mit zwei inneren Containern erstellen. Soweit funktioniert auch alles - weisser_hintergrund ist der äußere Container und linke_Spalte, rechte_Spalte sind die beiden nebeneinander liegenden inneren Container. Nun soll sich der weiße Hintergrund natürlich mit den Containern ausbreiten, so dass immer ein Rand um die beiden inneren Container ist. weisse_hintergrund soll sich immer an größten inneren Spalte orientieren. Leider orientiert sich die Größe von weisser_hintergrund immer an der rechten Spalte, auch wenn die link_SPalte größer ist!

#weisser_hintergrund {
background-color:#FFFFFF;
clear:both;
width: 819px;
padding:5px;
}
#linke_Spalte, #rechte_Spalte {position: relative;}

#linke_Spalte {
float:left;
width:531px;
background-color:#DCE4E7;
}
#rechte_Spalte {
width:auto;
margin-left: 531px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
background-color:#ffffff;
}


Hier noch der HTML Code:

<div id="weisser_hintergrund">

<div id="linke_Spalte"><img src="fileadmin/bilder/header1.gif"></div>
<div id="rechte_Spalte">test</div>

</div>

Vielen Dank im Voraus!

Kann deinem Vorhaben leider nicht ganz folgen. Aber wenn du dein gewünschtes Ergebnis kurz aufzeichnen könntest, kann man dir sicher weiterhelfen

Ansonsten: Einen weissen Rand erreichst du wenn du deinem Container padding: 10px gibst, und flexibel bleibt er wenn du keine Breitenangabe im Container verwendest.

__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde -
#me { position: absolute; }

Arbeite bitte Punkt 2 der FAQ durch.