The answer: ignore IE most of the time when initially designing the site.
Design for Firefox or Safari - both of these are standards compliant browsers and tend to display things AS THEY ARE SUPPOSED TO BE DISPLAYED. IE is a wild beast - it messes up many sites as it isn't as web standards compliant. IE6 is even worse than IE7!
Design it in Firefox or another standards compliant browser, then fix it in IE. You can do this using conditional comments to get the browser to use the correct stylesheet that has fixes for the particular browser. In the <head> part at the top of the HTML, include the following HTML (this particular code is for IE7 and all browsers below it - IE6, IE5.5 etc.):
Quote:
|
<!--[if lte IE 7]><link rel="stylesheet" href="iefixes.css" /><![endif]-->
|
It basically says, if Lower Than or Equal to IE 7, use this stylesheet - of course you can change the name or whatever of the stylesheet - it doesn't have to be iefixes.css, but I just think that's quite a descriptive title
Last edited by CSS4Life; 11-29-2007 at 11:03 AM..
|
