Wednesday, April 11, 2007

IE Bug under control

Background post

Reading this made me understand what the problem was/is, and what a fix looks like.

Reading this made me understand why it's affecting me.

Reading this let me make it only appear to IE browsers.

"div" tags do not "have layout" by default. (It's an IE thang.) Thus they freak out under certain circumstances. This is how you fix them...

Put this in a file called, "ieisincrediblyghetto.css":
div { height: 0.01%; }

Then put this in your HTML right after all your other style sheets:
<!--[if lte IE 7]>
<link href="/stylesheets/ieisincrediblyghetto.css" media="screen" rel="Stylesheet" type="text/css" />
<![endif]-->

Since this is actually applying a specific height to all div's, make sure you check your web site throughly for any side affects.

Labels: ,

0 Comments:

Post a Comment

<< Home