I am not expert in css but I think this is because the layout.css contain "* html " at the begining of line 37.

If I remove it right column is displayed properly.

There is also a "* html" sequence at the beginning of line 54.

Frederic

Comments

mccricri’s picture

mccricri commented

This is needed by IE5, if I remove it, the right sidebar is overlay over the left one.
But if I leave it, I have the bug in IE 7 :/

flebas’s picture

flebas commented

Firefox and IE6 accept both versions (with and without "* html "). I no longer have computer with IE5 to test it.

IE5 use was less than 1.5% in march 2006, I think that it is better to ensure compatibility with IE7 that will become more widely used with automatic updates and with Vista release.

Maybe there is a way to write a css that works in all cases.

diovi’s picture

diovi commented

I have fixed this ans now it works in IE5, IE6, IE7, Firefox, and Safari....i don't care much for other browsers, so i haven't checked anything else.

This is my css code (im using bluebreeze-fixed):

#sidebar-left, #sidebar-right {
  width: 138px;
  padding: 0 6px 0 6px;
  overflow: hidden;
}

#sidebar-right	{
  .margin-left: -150px; /* IE7 Fix */
}

* html #sidebar-right	{
  margin-left: -150px;  /* IE6 Fix*/
}

**note the period before "margin-left" in the IE7 fix, don't forget it**

AmirTheSeventh’s picture

AmirTheSeventh commented

Just wondering if you guys are aware of this issue:

Sidebars and content shifting up on anchored links (FF 2.0, IE 7, IE6SP1, FF 1.5)
http://drupal.org/node/106850

Frando’s picture

Frando commented
Status: Active » Fixed

Commited this. Thanks a lot!

Anonymous’s picture

(not verified) commented
Status: Fixed » Closed (fixed)