2010-02-23 11 views
6

Ho un div wrapper con un set di altezza minima. La posizione è relativa e il display è un blocco. Ho due div colonne flottate a sinistra e impostate per ereditare l'altezza minima.Fare div wrapper estendersi alla stessa altezza del div di contenuto

Quando ho un contenuto di lunga durata, il colore di sfondo di #wrapper non si estende mai per corrispondere al contenuto nelle div colonne.

pagina è qui: http://youngimaginations.dreamhosters.com/index.php

CSS è qui: http://youngimaginations.dreamhosters.com/yi.css

Qualcuno può segnalare l'errore dei miei modi?

risposta

22

overflow: auto farà il trucco

o un <div style='clear: both'> dopo gli elementi mobili.

+0

attenzione per problemi con quel trucco in Safari. – pixeline

+1

Grazie mille! – jerrygarciuh

8

La correzione corretta si chiama "clearfix".

Leggi su di esso here, non guarderai mai indietro.

+0

Funzionerà in IE6? Se lo fa, sono venduto. –

+0

sì, lo sarà, vedere questo thread: http://stackoverflow.com/questions/211383/which-method-of-clearfix-is- best. – pixeline

+0

Bello! +1 ------ –

Problemi correlati