I retired from personal blogging in July 2008.
But you can find me over at http://blog.xero.com.

CSS problems
Posted by Rod in Old-blog-archives at 1:41 pm on Tuesday, 11 April 2006

Doing the web site upgrade with CSS has exposed me to the wonderful world of browser incompatibility.

While IE7.0 is much better than IE6.0, and seems to clean up quite a lot of CSS issues it renders quite differently.  In IE6 and Firefox the Box Model is incorrect.

The work around is an IE feature called Conditional Comments.

Hack-free CSS for IE

IE allows this code in HTML HEAD 

<!– ### START: TEMPORARY IE7b2 FIX ### –>
  <!–[if gt IE 6]>
    <LINK href=”IE7.css” type=”text/css” rel=”stylesheet” />
  <![endif]–>
<!– ### END: TEMPORARY IE7b2 FIX ### –>

This allows me to override my div#main CSS for IE7.

div#main {
  MARGIN: 0 305px 0 0;
  PADDING: 5px;
  BACKGROUND-COLOR: #fff;
}

Comment: Nigel from MS sent me this useful link to resources for more info on IE7 and testing for compatibility.

http://msdn.microsoft.com/ie/infoindex/default.aspx

Trackback uri |