div verständnisproblem

[yunghe]

Hallo,
versteh folgendes nicht hab divs der struktur
<div id="container">
<img src="grafik/header.jpg" width="745px" id="bild" alt="header">
 <ul id="navigation">
        <li><a href="">Gästebuch</a></li>
        .........
 </ul>
 <div id="welcome">blabla</div>
 <div id="info">bla sülz</div>
</div>

nun meine frage wenn ich für #container eine hintergrundfarbe/einen Rahmen definiere, bin ich davon ausgegangen, dass der Rahmen die beide "innen-divs" auch umschließt und die hintergrundfarbe von container auch auf welcome und info angewendet wird, da diese ja in container liegen. Warum ist das aber nicht so??

#info{
 border-left:1px dashed #666666;
 margin-top:1em;
 height:400px;
 float:right;
 padding-left:1em;
}
#welcome{
 margin-top:1em;
 float:left;
 border:none;
}
#container{
 width:750px;
 border:1px solid #000000;
 padding:0;
 margin:auto;
 background-color:#FFFFFF;
 padding:0.5em;;
 color:#000000;
 font-size:0.99em;
}

MFG

[wahsaga]

hi,

nun meine frage wenn ich für #container eine hintergrundfarbe/einen Rahmen definiere, bin ich davon ausgegangen, dass der Rahmen die beide "innen-divs" auch umschließt und die hintergrundfarbe von container auch auf welcome und info angewendet wird, da diese ja in container liegen. Warum ist das aber nicht so??

<gebetsmuehle>
Weil du welcome und info per float aus dem Fluss genommen hast.
</gebetsmuehle>

Lösungsmöglichkeiten (ohne Anspruch auf Vollständigkeit):

• Container-Div selbst ebenfalls floaten lassen
• clearendes Element hinter den gefloateten einfügen
• overflow:hidden für den Container setzen, wenn möglich

gruß,
wahsaga

[yunghe]

Hallo,
danke für die schnelle antwort.

<div id="clear">&nbsp;</div> mit
#clear{
 clear:both;
}
funzt. Kann ja den container nicht auch floaten er soll ja zentriert werden.

Danke nochmal.MFG

[Hopsel]

Hi yunghe!

Warum ist das aber nicht so??

Weil du mit float die Elemente aus dem Dokumentenfluss heraus nimmst.

MfG H☼psel