[EMAIL PROTECTED] wrote:
I downloaded a fresh copy of the CSS and applied what you said and
indeed it worked great. However, there is one thing that is still
lingering on IE. The DIV with class "tab-container" is not being
moved to the next line. In other words, it is staying on the same
line. I created a simplified version of the plain HTML to verify this
and it is
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://www.stilbuero.de/
jquery/tabs/jquery.tabs.css">
</style>
</head>
<body>
<ul class="tabs-nav">
<li class="" id="tab1"><a href="#remote-tab-6"><span>General
(7)</span></a></li>
<li class="" id="tab6"><a href="#remote-tab-7"><span>Learning
Management (2)</span></a></li>
<li class="" id="tab101"><a href="#remote-tab-8"><span>New Tab
(0)</span></a></li>
<li class="" id="tab103"><a href="#remote-tab-9"><span>clicked
(0)</span></a></li>
<li class="tabs-selected" id="tab105"><a href="#remote-
tab-10"><span>New Tab (0) <img class="closeTab" src="images/
miniclose.GIF" alt="Close" border="0"></span></a></li>
<li id="tab106"><a href="#remote-tab-11"><span>New Tab (0)</
span></a></li>
</ul>
<div style="display: block;" class="tabs-container">
<table align="left">
<tbody><tr><td id="containerContent">
<div id="li0">
<div class="itemWrapper"><table
align="center"><tbody><tr><td><img src="images/busy.gif" alt=""
align="middle" border="0"></td><td> Loading ... </td></tr></tbody></
table></div>
</div>
</td></tr>
</tbody></table>
</div>
</body>
</html>
It could be me. Your thoughts, as always, are most appreciated, -
Dave
You need to include the ie specific style sheet as well, also found in
the download. Maybe I should make that a bit clearer on the demo page.
It's "hidden" in Conditional Comments. Have a look at the source code in
the demo.
You need this:
<!-- Additional IE/Win specific style sheet (Conditional Comments) -->
<!--[if lte IE 7]>
<link rel="stylesheet" href="jquery.tabs-ie.css" type="text/css"
media="projection, screen">
<![endif]-->
-- Klaus
