When you have too many tabs to fit on a row they wrap to the next. In IE7, the rightmost tab in a row sometimes stretches downward by wrapping its contained text before wrapping the tab itself, breaking the appearance of the tabs. See the before-fix screenshot. A good way to replicate this is to slowly narrow the IE7 window until the glitch occurs.
To fix, I added a CSS property to the ul.quicktabs_tabs li to prevent text from wrapping within:
white-space: nowrap;
See the after-fix screenshot. This fix has been tested in IE7, IE8, and Fx 3. It's possible the glitch described also appears in IE6 and IE8, but I did not check.
Note: The screenshots depict this glitch with the Zen theme, but it occurs for almost all tab themes.
| Comment | File | Size | Author |
|---|---|---|---|
| tab_wrapping_glitch_fix.patch | 520 bytes | threexk | |
| tab_wrapping_glitch_after.jpg | 25.41 KB | threexk | |
| tab_wrapping_glitch_before.jpg | 31.99 KB | threexk |
Comments
Comment #1
pasquallehttp://drupal.org/cvs?commit=239018
fixed in D6 branch.
Comment #2
katbailey commented