[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.

<http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmauiestaterental.com%2Festates-villas%2Fwailea-beach-villas%2FGolden-Mandarin-D102%2FImage-Gallery.html 
 >

You don't need those tables!

Cheers, Tim




More information about the thelist mailing list