[thelist] cross browser <div> float weirdness
matt at ledeir.com
Thu Aug 20 18:31:53 CDT 2009
The only thing that I see that is troubling (at least to my eye) is the long
unbroken line beginning at <ul class="menutop"> (sorry, no line numbers - I
got lazy). IE will render differently if things are on one line versus
What this has to do with messing up the image order is beyond me, but I've
learned to expect the unexpected in cross-browser/cross-platform HTML.
Also, the long line makes it hard to manually parse and debug. [yes, I have
the white beard, but no red suspenders!]
----- Original Message -----
From: "John Corry" <jcorry.lists at gmail.com>
To: <thelist at lists.evolt.org>
Sent: Thursday, August 20, 2009 5:55 PM
Subject: [thelist] cross browser <div> float weirdness
> 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
> 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
> * * Please support the community that supports you. * *
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !
More information about the thelist