Solved. I was using a small image that I would stretch to 100% width in each tab to give emphasis to the selected tab. I have removed this image, and added a border-top property of the same colour to the iframe. Removing this image from inside the tab (above the iframe) solved the problem; 1.7 is working great again in all browsers.
On Mar 12, 11:12 am, blefebvre <[email protected]> wrote: > Update: > > I have narrowed the problem down to a css change I made. > > Original: > .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border- > width: 0; background: none; } > > Modified: > .ui-tabs .ui-tabs-panel { padding: 0 0; display: block; border-width: > 0; background: none; } > > This change did not cause any problems in 1.6rc6. Is there a way I can > remove this padding without causing the entire iframe to disappear? > > On Mar 11, 5:04 pm, blefebvre <[email protected]> wrote: > > > Hello, > > > I have a page with three basic jQuery UI tabs, each of which contains > > an iframe. The src of the iframe is set when each tab is first > > selected, however if I hard code the src's the issue is still present. > > > In Firefox 3 and IE7 the tabs load fine and everything works as it did > > before the 1.7 upgrade. In IE6, the tabs are displayed but the none of > > the iframes show up unless I insert one or more characters before the > > iframe tag. Here's an example of the div containing the frame: > > > The contents of this iframe will NOT display in IE6: > > <div id="tabOne" class="iframeTab"> > > <iframe class="contentFrame" frameborder="0" > > src="http://www.google.com";>Your browser does not support frames.</iframe> > > </div> > > > And this one will: > > <div id="tabOne" class="iframeTab"> > > a > > <iframe class="contentFrame" frameborder="0" > > src="http://www.google.com";>Your browser does not support frames.</iframe> > > </div> > > > I have since reverted to jQuery UI 1.6rc6 and everything is working > > fine again. Has anyone else experienced this issue or know what might > > be causing it? --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
