[thelist] cross browser <div> float weirdness

Tim Snadden lists at snadden.com
Thu Aug 20 19:31:39 CDT 2009

On 21/08/2009, at 9:55 AM, John Corry wrote:

> 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?

Hi John - Try fixing your HTML first. Most of the problems are  
probably innocuous from a rendering point of view but if you clean  
them out if may be more apparent what's going on.


You don't need those tables!

Cheers, Tim

More information about the thelist mailing list