Blocchi flottanti e altezza del contenitore

Questo paragrafo contiene una immagine con proprietà float: left. L'altezza del paragrafo non è influenzata dall'altezza dell'immagine, in modo tale che il testo dei paragrafi successivi si disponga attorno all'immagine e non sotto, così:

NUOVO PARAGRAFO: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus, ante vitae sagittis rutrum, lectus metus facilisis nunc, sed volutpat risus augue vel purus. Quisque non libero mauris, eget blandit augue. Aenean lacinia ultrices sapien, at accumsan neque sollicitudin non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus, ante vitae sagittis rutrum, lectus metus facilisis nunc, sed volutpat risus augue vel purus. Quisque non libero mauris, eget blandit augue. Aenean lacinia ultrices sapien, at accumsan neque sollicitudin non.

NUOVO PARAGRAFO: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus, ante vitae sagittis rutrum, lectus metus facilisis nunc, sed volutpat risus augue vel purus. Quisque non libero mauris, eget blandit augue. Aenean lacinia ultrices sapien, at accumsan neque sollicitudin non.

Questo paragrafo contiene una immagine con proprietà float: left. In IE6 l'altezza del contenitore è influenzata dall'altezza dell'elemento flottante. Il comportamento è errato, perchè così il testo dei paragrafi successivi si dispone sotto all'immagine:

NUOVO PARAGRAFO: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus, ante vitae sagittis rutrum, lectus metus facilisis nunc, sed volutpat risus augue vel purus. Quisque non libero mauris, eget blandit augue. Aenean lacinia ultrices sapien, at accumsan neque sollicitudin non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus, ante vitae sagittis rutrum, lectus metus facilisis nunc, sed volutpat risus augue vel purus. Quisque non libero mauris, eget blandit augue. Aenean lacinia ultrices sapien, at accumsan neque sollicitudin non.

NUOVO PARAGRAFO: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus, ante vitae sagittis rutrum, lectus metus facilisis nunc, sed volutpat risus augue vel purus. Quisque non libero mauris, eget blandit augue. Aenean lacinia ultrices sapien, at accumsan neque sollicitudin non.

Torna al blog