4 replies [Last post]
css_seth
Offline
Regular
minneapolis, mn
Last seen: 16 years 42 weeks ago
minneapolis, mn
Joined: 2004-01-02
Posts: 33
Points: 0

http://danssouthsidemarine.com/index.cfm?p=boats

i've even got my "be nice to opera" rules in place. site looks great in IE, 5 and 6..

anybody have an insights?

dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 4 years 38 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

check this in Opera, Firebird, and IE; drastic differences

Somewhere above the Alumacraft pic & blurb must be something with a clear:both; in it... IE only clears things in container DIVs, while Opera does what the specs say, and clears ANYTHING that has been floated before this appeared in the source.

Removing the clear should help the problem!

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.

css_seth
Offline
Regular
minneapolis, mn
Last seen: 16 years 42 weeks ago
minneapolis, mn
Joined: 2004-01-02
Posts: 33
Points: 0

check this in Opera, Firebird, and IE; drastic differences

could you help me out some more with that?

i have SOME understanding of floats and clearing and how the two interact and depend on each other, but obviously i don't quite have it down.

i put a clear on the H1 tag that immediately precedes the UL that is the different boat manufacturers, such as alumacraft. but that made the H1 disappear in Firebird. similarly, if i clear the UL itself, it disappears. in my stylesheet, i have each LI in that UL set to clear: both; so that the LI contents display correctly. without this, that list layout is hideously broken in Firebird, for instance.

do you have any insights on the subnavigation buttons and why they do not display properly? i think that is a Box Model problem, but i've got the class for those anchors Tantek-hacked and everything. perhaps it's their containing list that needs hacking?

i tried to design for comapliance, and hack for IE, but it seems like i've ended up with the opposite! d'oh!

css_seth
Offline
Regular
minneapolis, mn
Last seen: 16 years 42 weeks ago
minneapolis, mn
Joined: 2004-01-02
Posts: 33
Points: 0

check this in Opera, Firebird, and IE; drastic differences

also, i don't understand th behavior of the LIs on the new boats and outboards page. my style rules are kosher, as far as i can tell, and they dictate that they have no bullets and be flush against the edge of their box, which is how they appear in Firebird. but IE (5 and 6) insist on putting the general LI rule of a bullet and indentation on them. gah..

dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 4 years 38 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

check this in Opera, Firebird, and IE; drastic differences

I checked it in IE and Opera.

Hmm, how to explain better...

Say you have a nice two-column layout, each with it's own containing DIV. You fill the left column - maybe with some floats - then move on to the right, and the second item in the right column has "clear : both;" in it.
Now IE will clear anything in the containing DIVs - or, will ignore the left column when it clears it. This is, in fact, wrong.
Opera will clear anything that has already been added to the page as a float. So the second item in the right column will appear lower on the page than any of the floats in the left column. This is how the W3C specify floats should work.

Clearer? Probably not...

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.