Hi all...
I'm working on a site that is show up a strange float bug (shocking I know)
using Mozilla 1.7.
You can see the problem here:
http://www.marieosmond.com/Catalog1.aspx?coll=Y&page=2
This is how it should work: (but it's fluke luck, not, apparently, design)
http://www.marieosmond.com/Catalog1.aspx?coll=Y&page=2
What confuses me is not that missing graphics (different problem), but the
fact that I have several thumbnails, all surrounded by a div. That div is
float: left. I then stack 5 of these.
After 5 I throw in a div styled with clear: both; to break for the next 5.
Yet, I still get images that "hang" if some of the thumbnails are taller
than the others.
This also seems to "not work" on Safari, yet it "works" on IE 6.
Any hints why my <div style="clear: both;"></div> does not break my line
here?
I REALLY don't want to use tables here, but I can't seem to predictably get
my line to break.
Thanx for any tips.
Regards,
Will Hartung
(wi***@msoft.com)