IE6 bully: pushing my divs around

[kidreapertronV]

Hi all,

so here's a site on a testing server.

http://www.sugarmapleresort.net/photos/

In IE7 and firefox, it looks great, but in IE6, my elements get pushed down and slightly to the left.

Do I use negative margins in an external style sheet for IE6 to correct this? Or is there a way to correct for it without a hack?

Thanks!

[masonbarge]

If it were my site, I would seriously consider just leaving it as is. I know you want your design to be pixel-perfect -- it's very attractive and shows a lot of hard work on the design end -- but to tell you the truth, it looked good in IE6. I couldn't really tell much difference. It works fine.

Also time is on your side: The number of IE6 users declines every day.

There are ways to solve it, but to tell you the truth, I don't bother with cross-browser CSS anymore and I'm so rusty I don't remember it. If you want a cut-and-paste bit of PHP code that will switch to an alternate stylesheet for IE6, I posted one on this very forum in the past week or two.

[kidreapertronV]

unfortunately, people still using windows 2000 aren't allowed to upgrade to IE7, and a lot of those people are my audience for the camp yale site. it's a pain in my rear.

thanks for the suggestion though, mason!

i figured out one of the problems though. IE6 doesn't like:

div { float: left;}


you've gotta give the float attribute to each individual div for everything to work properly, but also keep the div {float: left; } for good browsers, then, on the more specific div tags, that you don't want the float attribute associated with, include {float: none; }.

i hate hate HATE extra markup, but til the IE's before 7 are abolished, i guess i'm stuck with it. lest there are cleaner tricks to use that smarter people might know about... : )

[daygon]

when i desing the div{float:left} seems to work fine for me.