On Nov 18, 9:30 pm, Moonwalker <[EMAIL PROTECTED]> wrote: > Hello, > > I already did a search query on the site looking for other people > having the same problem, but couldn't find any. > > My problem is the fact that I use FireFox as default browser, so I > don't see any problems until I decide do check it in IE 7. Well this > problem is really weird. > > Take a look at the snapshots: > > Internet Explorer:http://img87.imageshack.us/my.php?image=ie7nc8.png > > FireFox:http://img143.imageshack.us/my.php?image=firefoxiy1.png > > You can clearly see the difference. The code looks like this: > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > "http://www.w3.org/TR/html4/loose.dtd";> > <html> > <head> > <script src="../js/jquery.js"></script> > <script src="../js/news.js"></script> > <script> > $(document).ready(function(){ > $("#news > ul").tabs({ fxFade: true, fxSpeed: 'fast' }); > }); > </script> > <!-- 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]--> > </head> > > <body> > > <link rel="stylesheet" href="../themes/dark/dark.tabs.css" > type="text/css" media="screen" title="Dark (Default)"> > <link rel="sylesheet" href="../upload/style.css" type="text/css"> > <script type="text/javascript" src="../js/effects/ui.tabs.js"></ > script> > <div id="news" class="dark"> > <ul> > <li><a href="#fragment-1"><span>English</span></a></ > li> > <li><a href="#fragment-2"><span>Nederlands</span></a></ > li> > <li><a href="#fragment-3"><span>Frans</span></a></li> > <li><a > href="#fragment-4"><span>Image</span></a></li> > </ul> > <div id="fragment-1"> > <table width="100%"> > <tr> > <td width="10">Title: </td> > <td width="25"><input type="text" id="title" > name="title"></td> > </tr> > <tr> > <td width="10">News:</td> > <td width="25"><textarea name="nieuws" > id="nieuws"></textarea></ > td> > </tr> > </table> > <input type="hidden" name="lang" id="lang" value="1"> > </div> > <div id="fragment-2"> > <table width="100%"> > <tr> > <td width="10">Title: </td> > <td width="25"><input type="text" id="titel" > name="titel"></td> > </tr> > <tr> > <td width="10">News:</td> > <td width="25"><textarea name="nieuws_nl" > id="nieuws_nl"></ > textarea></td> > </tr> > </table> > <input type="hidden" name="lang" id="lang" value="2"> > </div> > <div id="fragment-3"> > <table width="100%"> > <tr> > <td width="10">Titre: </td> > <td width="25"><input type="text" id="titre" > name="titre"></td> > </tr> > <tr> > <td width="10">News:</td> > <td width="25"><textarea name="nieuws_fr" > id="nieuws_fr"></ > textarea></td> > </tr> > </table> > <input type="hidden" name="lang" id="lang" value="2"> > </div> > etc.... > > I've added the conditional comments for IE7, but I still have the same > problem. Also I read somewhere that there would be some Z-index bug? > If yes, what do I have to change exactly and where? > > Any help will be highly appreciated. > > Thx in advance. > > mw
Where did you get that ie specific style sheet from? Did you download it from my page? I used it in Tabs 2 (http://stilbuero.de/jquery/ tabs), but not for themes that were developed for UI Tabs (http:// stilbuero.de/jquery/tabs_3) which you're using. You shouldn't mix that, apart from the fact that the default class names have changed. In addition you should put the linked style sheets into the head element. --Klaus
