übergeordnetes Div größe anpassen

[august_rush]

Hi,

ich hab ein problem mit meiner Webseite.

Ich hab folgenden code:

Code: Alles auswählen

...

div#mitte {
width: 1024px;
background-image: url(bilder/mitte.png);
}
div#main {
position: relative;
   left: 111px; top: 0px;
width: 800px;
   color: #000000;
}..

div#mainleft
   float:left;
   width: 591px;
}

div#mainright {
   float: right;
   width: 198px;
}


und passend dazu folgenden html Code:

Code: Alles auswählen


      <div id="mitte">
         <div id="main">
         
<div id="mainleft">
links
</div>

<div id="mainright">
rechts
</div>

         
         </div>
      </div>


wenn ich jetzt den inhalt des mainleft div größer mache. sprich mehr zeilen, dann geht das "mitte"Div nicht mit, das sollte dann genauso groß werden,
ich hoff ihr versteht mein problem.

gruß und danek für eure hilfe
Christian

[sejuma]

Vermutlich willst du ein dreispasltiges Layout. Dazu ist eine relative Positionierung nicht erforderlich, siehe z.B. dieses Beispiel: http://www.ohne-css.gehts-gar.net/0027.php

Um die einzelnen "Spalten" auf gleiche Länge zu bringen helfen "Faux Columns": http://www.ohne-css.gehts-gar.net/0005.php

[august_rush]

hi, nein es ist nicht dreispaltig.. ich hab nur ein auszug aus meiner komplexen seite aufgebaut..

wenn ich in das "main"Div direkt was eintrage, dann wird das "main"div größer.. aber sobald ich darin zwei weitere divs einfüge, und diese im "main"div floate, wird es nicht größer.

Gruß

[djheke]

versuch mal im #main die angabe von overflow:hidden oder auto.
bei klappt sowas immer.