Hi guys - please help me urgently!
The attached page is self-explanatory. This is regular 2-columns setup: main content, right sidebar, header and footer. Right sidebar is floating DIV element. Whatever is inside it is positioned well in Firefox but is moved down some 30 pixels in Internet Explorer (I have IE 8). This inconsitency is very frustrating.
Any ideas how to fix this nasty issue?
I need to complete the stuff today !
Thanks ahead,
Ziggi
Page in Firefox 3.5
Page in Internet Explorer 8
The answer is in your code. You have:
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
This conditional adds a top padding in the sidebar if you're in an IE browser. This may have been a hack to fix earlier versions' rendering.
Take out the conditional style (or change it) to see if that is what is causing the 30 px drop.
Beth
North America
Europe, Middle East and Africa
Asia Pacific