[CSS]float zorgt ervoor dat background-color wegvalt

[Niakmo]

Ik heb een divje (dat een post voorstelt). Dit divje word weer opgedeeld in twee aparte stukjes, eentje met de tekst en ander met foto's, nu wil ik deze twee divjes tegen elkaar laten floaten maar dan vervallen de margin en background-color die ik heb mee gegeven.

Cascading Stylesheet:

#postholder{
    position: absolute;
    top: 30px;
    left: 0px;
    width: 575px;
    height: auto;
    background-color: #28323C;
    margin: 0px 0px 0px 0px;
    }
    
/*De post an sich*/

.post{
    width: 555px;
    background-color: white;
    margin: 10px 10px 10px 10px;
    }

.posttext {
    padding: 5px 5px 5px 5px;
    width: 400px;
    text-align: justify;
    float: left;
    }
    
.posttext p{
    margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    }
.posttext h1{
    margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    }

.postfotos {
    width: 140px;
    background-color: #DED2C8;
    margin-top: 20px;
    float: left;    
}

Hier staat de html
Internet Explorer doet alles goed zoals ik het zou willen alleen firefox ziet iets wat ik fout doe.

[JHS]

code:

.post{
   overflow: auto;
    width: 555px;
    background-color: white;
    margin: 10px 10px 10px 10px;
    }

Met dank aan anne :Y)

[ Voor 30% gewijzigd door JHS op 02-03-2005 21:25 ]

[Niakmo]

JHS schreef op woensdag 02 maart 2005 @ 21:23:

code:

.post{
   overflow: auto;
    width: 555px;
    background-color: white;
    margin: 10px 10px 10px 10px;
    }

Met dank aan anne :Y)

nou is de background terug en margins ook goed, alleen nou float de fotodiv nog niet, even naar kijken.

edit:

Je moest de div gewoon nog inhoud geven, nou is hij goed. Maar ik snap nog steeds niet waarom die overflow het voor mij doet, in die link voor anne is het meer iets anders, bij mij waren de margins ook anders.

[ Voor 21% gewijzigd door Niakmo op 02-03-2005 21:50 ]