GeekSpeak

Quick Hack to Solve Strange IE7 Display Behavior

By Johnny Fuery ⋅ October 11, 2007 ⋅  Print This Post ⋅ Post a comment

Further to my article earlier today on the topic of checking your page design in multiple browsers, I’ve noticed quite a few strange behaviors that effect only IE7, especially related to the placement of div blocks. It seems that the the display parameter in CSS (e.g., {display: block; display: inline;}, etc.) doesn’t match either IE6 or Firefox.

There’s a quick solution to this problem, however. In my case, I had a section of text that was positioned about 60 pixels higher in IE7 than in the other two browsers. So I just added the following to my source file:

<!--[if gt IE 6]>
<style>
#message_left {
padding-top: 60px;
}

</style>
<![endif]–>


Thanks to quirksmode.org, where I found this helpful workaround.