Tab (ThemeRoller) - Quick Fix to IE 7.0 layout issue
Hi,
Just to let you know that if you have a layout issue in IE (7.0 PC for
me) with Tab using ThemeRoller (http://ui.jquery.com/themeroller/),
you can quickly fixed it addind a space ( ) between the header
and the content.
The layout issue is actually a blank row that only appear in IE
between the tabs (header) and the content.
Here is a sample:
<div id="myTab">
<ul>
<li class="ui-tabs-nav-item"><a href="#tab1">Tab 1</a></li>
<li class="ui-tabs-nav-item"><a href="#tab2">Tab 2</a></li>
<li class="ui-tabs-nav-item"><a href="#tab3">Tab 3</a></li>
</ul>
<div id="MainContentBox" class="ui-tabs-panel-group">
<div id="tab1"> ... </div>
<div id="tab2"> ... </div>
<div id="tab2"> ... </div>
</div>
</div>
It's a weird fix but it makes me quite happy to have this annoying IE
working...
Hope this help,
Xavier