Pagina werkt niet goed bij float afbeelding

[anoniem]

Hallo, Ik moet voor school een website voor een bioscoop maken. Ik zit alleen met het volgende probleem: In mijn CSS heb ik het volgende [code:1:cd860a48ce] #page { margin:0 auto; width:960px; background-color:#353535; }[/code:1:cd860a48ce] Als ik een afbeelding links of rechts float komt hij wel links of rechts te staan maar gaat de #page niet verder. Om het wat duidelijker te maken heb ik er een plaatje van [img:cd860a48ce]https://dl.dropbox.com/u/102994481/voorbeeld.PNG[/img:cd860a48ce] Zoals je kan zien komt het plaatjes wel netjes links te staan, maar gaat #page (het grijze vlak) maar door tot waar de tekst stopt. De code van het stukje is als volgt: [code:1:cd860a48ce] <div style="float:left;margin:0 10px 5px 0;"><IMG SRC="images binnenkort/twilight.jpg" ALT="Twilight"></div> <p>Twilight Breaking Dawn Pt.2</p> <p><i>Verwacht: 14 november</i></p> <p>//tekst over de film</p> <a href="http://www.youtube.com/embed/5xOSoONDpY4" onclick="showPopup(this.href);return(false);">klik hier voor de trailer</a>[/code:1:cd860a48ce] Ik kan dit wel oplossen door een aantal keer <br> neer te zetten maar dat ziet er ook niet echt netjes uit. Graag jullie hulp!

[anoniem]

Ik neem aan dat je de hoogte van het element bedoeld. Dan heb je verschillende opties. - Je kunt de afbeelding binnen dezelfde div zetten, dan schaalt hij automatisch mee - Als de afbeelding altijd een vaste hoogte heeft kun je de hoogte van de div op dezelfde waarde vastzetten - Je kunt het op een 'faux column' achtige manier doen, door de achtergrondkleur van de div niet in de div zelf te zetten, maar in de pagina achtergrond, en de tekst van de div daaroverheen te positioneren.

[anoniem]

Bedankt voor je antwoord! Ik ben via 'faux column' op clearfix terecht gekomen, en dat is precies wat ik zocht!