[CSS] Div wil niet meerekken met de andere divs

[Rexomnium]

Ik heb een pagina met daarin een div als contentholder.

Cascading Stylesheet:

BODY
        {
        background-color: #660000;
        margin: 25px;
        text-align: center;
        color:#000000;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        }
        
#holder
        {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        background-color: #FFF;
        color: #000;
        text-align: left;
        }

In de HTML krijg ik dan uiteraard:

HTML:

<div id="holder"></div>

Als ik nou een div in de holderdiv gooi, dan rekt de holderdiv niet mee met de inhoud.

Cascading Stylesheet:

#content
        {
        width: 500px;
        margin-top: 15px;
        float: left;
        
        }
        
#content H1
        {
        font-weight: bold;
        font-size: 14px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 5px;
        margin-top: 0px;
        }
        
#content P
        {
        font-size: 10px;
        text-align: justify;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 5px;
        margin-top: 0px;
        }

HTML:

<div id="holder">
 <div id="content">
  <h1>dit is een kopje</h1>
  <p>Dit is een hele lange lap tekst</p>
 </div>
</div>

In Mozilla krijg ik dus de tekst keurig netjes tegen de bruine achtergrondkleur te zien. In IE daarentegen doet hij het wél goed; de achtergrond is gewoon die van de #content en is dus wit.

Kijk hier voor een voorbeeld van de HTML en Kijk hier van de CSS.

[Verwijderd]

IE wel goed en Mozilla niet? Het lijkt me eerder dat het jou fout is. Het komt door 'float:left', waardoor #content uit de normal document flow gehaald wordt.

[Rexomnium]

foutje, bedankt

[crisp]

/basic dus

standaard oplossing: na je floating element een element met clear:both plaatsen

[ Voor 77% gewijzigd door crisp op 11-09-2004 00:55 ]