Hi. My tabbed mini panels look lovely in Safari3 and Firefox and Camino and Ominiweb on the Mac & Firefox on Windows XP
.
You can see them at:
http://www.crsny.org
However, in Internet Explorer 7 (I can only test it so far in Windows XP Service Pack 2), each mini panel that is displayed when a user clicks on one of the tabs is pushed to the right, as if the tabs at the top were in column 1, and then the mini panel to be displayed was in column 2. In all other web browsers that I have tested, the mini panel is displayed directly under the row of tabs.
Attached is a screen grab of the funny appearance in IE7, in case you don't have it.
This problem occurs regardless of what theme I am using, including Garland, so I don't think it is the theme that's causing the problem. Is this a known problem with IE7?
| Comment | File | Size | Author |
|---|---|---|---|
| tabs-in-IE7-screen-grab.jpg | 19.48 KB | cpelham |
Comments
Comment #1
merlinofchaos commentedComment #2
wim leersI don't have access to a pc with IE7, so I'm afraid I can't fix this. Are you sure this isn't a theming issue though?
Comment #3
amitaibuLooks like what I had. Try this.
http://drupal.org/node/161514#comment-306652
Comment #4
robloachThis problem is still persistent, even after changing what you changed in Tabs.css .
Comment #5
amitaibu@ROB,
just for the test, change "margin-top:20px;" from 20 to 100px.
Comment #6
robloachBoth 20px and 100px fix it, but shouldn't this go into a TabsIEFix.css something? Either way, this seems like a hack... And it also should be something that goes into the CVS.
Comment #7
amitaibuI agree, although I don't really know how to create this TabsIEFix.css - heck, I'm pretty proud I was able to do the 20px thingy ;)
Comment #8
robloachMind reviewing the patch I submitted here? It patches tabs-ie.css, sticking in your .fragment fix, as well as making it reference the CSS in IE correctly.
Comment #9
(not verified) commented