[thelist] cross browser <div> float weirdness

[Nadeem Hosenbokus]

Hi,

The display seems fine in IE8. IE7 and IE6 aren't good though.

I just removed the 'clear: right;' from "DIV.gallery-image-container" and
seemed fine to me in all browsers.

IE hasn't been very good with 'clear' in the past.

Hope this helps,

Nadeem Hosenbokus
Exocet Studios - a brand of Multigraphics Ltd
Office:  (+230) 212 6390 / 208 6499
Mobile: (+230) 254 8221
Fax:     (+230) 212 6789
24 St. Georges Street, Port Louis, Mauritius

-----Original Message-----

Date: Thu, 20 Aug 2009 17:55:17 -0400
From: John Corry <jcorry.lists at gmail.com>
Subject: [thelist] cross browser <div> float weirdness
To: thelist at lists.evolt.org
Message-ID:
	<92de8b7b0908201455m2a4f8f76m19c7ccaa8986e1ee at mail.gmail.com>
Content-Type: text/plain; charset=ISO-8859-1

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-Mandar
in-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