Hello,
I have found much help here in the past, so I thought I would check here again first.

I am creating a new (additional) site for a client, and decided give W3C strict a try for a change.

As of now, both the site and the CSS validate properly, however, I cant seem to get my navigation to line up properly in IE.

Safari and firefox both display the navigation just fine.


Anyone have a resource where i can figure out how to fix the nav for IE and still stay strict?
I guess what im looking for is a list of css tags that IE screws up, and a valid way to hack IE.


**** I fixed the display issue with the underscore hack, but the CSS does not validate
**** I tried the * html hack, but it didnt seem to solve the IE problem, like the underscore hack does

The site is www.sliquidorganics.com


thanks

croix

If you must use a hack instead of a conditional comment, and want it to validate, try this(example):

#element {
margin: 0px !important; /*a rule for standard browsers, including IE7*/
margin: 2px; /*a rule for IE6 and below*/
}

This works exactly as the underscore hack does, targeting only IE6 and below, and it validates. The margins '0px' and '2px' are just examples, meaning I doubt it is what is needed to fix your site.

so basically

!important

forces all browsers to read only that line, except IE 6 and below?

does IE 7 play nice with margin-top and margin-left?

You've got it. IE7 shouldn't have any problems with margin-top and margin-left.

Hacking is a VERY bad habit to get into though. You never know, with new browser versions, when that hack is going to blow up in your face and bust your layout. Better to learn to use conditional comments (Google it) and proper CSS.

If you want to learn about IE's bugs and how to squash them, read up :
www.positioniseverything.net