Wednesday, October 15, 2008

IE Css Hacks

Hey guys, if you haven't noticed yet, some settings may look different in Explorer vs Firefox. I found a great post on how to fix small problems between the two. If you're having issues, definitely worth a look..

CSS Hack


For example, if a div on your page is too low in Explorer, but looks fine in Firefox:

Declare the CSS normally for IE

#holder {
position: relative;
width: 500px;
top: -3px;
height: 55px;
left: 29px;
}

Then restate the options you want to change with body>html in front of the tag..

html>body #holder{
top:4px;
}


Firefox can read the second CSS entry for the #header tag, but Explorer can not. Hope this helps anyone having cross-browser issues.

No comments: