UI-Tabs Themeroller layout bug
Hi,
New here and I've recently installed ui-tabs and a theme from
themeroller. However, I noticed that there is a layout bug that shows
only in IE7 (probably also in IE6 but haven't checked).
There is a space between the tabs-nav and tabs-panel.
I tried adding this:
*bottom: -24px; for ui-tabs-nav to target IE* only, however, this
pushes down the tab-nav.
then I tried this:
*margin-top: -23px; for ui-tabs-panel to target IE* only, this pushes
the tab-panel up.
This solves the problem, clicking on other tabs seems to work fine.
A. However, I found out that this isn't a good solution, coz once tabs
is added to an existing site layout, the IE-only adjustment seems to
re-apply after clicking another tab, thus the tab-panel goes further
up (overlapping the tab-navs).
B. But without the IE adjustments, if the other tabs are clicked, the
panel moves up exactly where it should be (just right on to the tab-
navs).
Screenie #1 (from themeroller website itself):
http://picasaweb.google.com/laibcoms/BugReports/photo?authkey=OgJ9-aISca0#5238777410762133890
Screenie #2 (one of the themes): <a href="http://picasaweb.google.com/
laibcoms/BugReports/photo?authkey=OgJ9-
aISca0#5238777416060606690"><img src="http://lh6.ggpht.com/laibcoms/
SLPgTb2hmOI/AAAAAAAADBw/z8MCaeJhqLM/s144/ui-tabs-themeroller-
bug-002.png" /></a>
A live sample for letter 'B' above can be found at our blog http://gameshogun.ws/
(use IE7), then click the other tab. If I apply letter 'A', the tabs-
panel AFTER clicking the other tab will move further up.
I can't trace it anymore, so I'm bringing this to the attention of the
developers. Hope someone can figure this out or find a better
solution for IE...
It works fine with Safari 3.x, FF3.x, and Opera 9.x.
Thank you very much.