[thelist] cross browser <div> float weirdness

John Corry jcorry.lists at gmail.com
Thu Aug 20 16:55:17 CDT 2009


I'm desperate here...

I thought I'd followed all of the tips/tutorials for CSS layouts. Works
great in FF on OS X, Chromium on OS X, Safari on OS X.

IE on windows, however, barfs. See how the divs containing the thumbnails
and their descriptive <p> are float: left, clear: right. That should make
them wrap, right? So when they fill a row and run into the end of the
element they're in, they wrap to the next row.

In IE though, there's a fourth image that displays underneath the right
column.

Why?

http://mauiestaterental.com/estates-villas/wailea-beach-villas/Golden-Mandarin-D102/Image-Gallery.html

I'm mostly a PHP guy and not a cross-browser limitation expert.

Anyone care to give me a hand troubleshooting?

-- 
John Corry
PHP developer - 3by400, Inc
http://www.3by400.com



More information about the thelist mailing list