Right column displayed over the left column
flebas - January 24, 2007 - 17:02
| Project: | bluebreeze |
| Version: | 5.x-1.1 |
| Component: | CSS |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed |
Jump to:
Description
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
#1
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 :/
#2
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.
#3
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**
#4
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
#5
Commited this. Thanks a lot!
#6