Micha Schopman wrote:
> This model however can be suppressed by forcing IE into quirks. I would
> recommend it to everyone, since standards mode is to buggy for
> production.
I can't agree with the "force IE into quirks" suggestion. Working around
the box model is just to easy to justify making IE even less standards
compliant than it already is. I've been using CSS, rather than tables,
for positioning and presentation for some time now and while forcing IE
6 into quirks mode might solve some problems found in IE, it doesn't
make the overall process any easier or less buggy.
If you force IE 6 into quirks mode, you still have to hack the box
model--in quirks mode you'll just be lumping IE 6 in with the hack. The
simple method of doing this is:
#myBox {
border: 1px solid #333;
margin: 5px;
padding: 5px;
width: 200px;
\width: 222px; /* All IE width */
}
However, you can hack the box model for only IE 5.x easily enough using:
#myBox {
border: 1px solid #333;
margin: 5px;
padding: 5px;
width: 200px; /* For browsers that don't understand escapes */
\width: 222px; /* IE 5.x width */
w\idth: 200px; /* IE 6 and other modern browsers' width */
}
You could also use conditional comments to feed any version of IE
selectors, properties, and values as necessary:
<!--[if IE 5]>
<link rel="stylesheet" type="text/css" href="css/ie-5.x.css" />
<![endif]-->
Which would contain:
#myBox {
width: 222px;
}
Using conditional comments allows you to keep all of your IE specific
CSS in one stylesheet, helps to avoid using hacks in your main
stylesheet, and improves the shelf life of the document.
Standards mode for IE 6 is not too buggy for production. I'll agree it's
not even close to perfect, but it is a step in the right direction and a
far cry better than IE 5.x's poor CSS support.
--
Best regards,
Michael Wilson
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Special thanks to the CF Community Suite Gold Sponsor - CFHosting.net
http://www.cfhosting.net
Message: http://www.houseoffusion.com/lists.cfm/link=i:4:187378
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
