You can view it happening here
http://spat.tv/

Frontpage tab ok in IE7. News tab not ok
Frontpage tab ok in Firefox & google, News tab ok in firefox and google

Tabs panel style 6.x-1.0-beta3
Chaos Tools 6.x-1.6
Panels 6.x-3.5

Is it just me? thanks.

Comments

dawehner’s picture

Status: Active » Postponed (maintainer needs more info)

Can you please try to use the tabs module and have a look whether it works there? I don't think that this can be caused by panel tabs style.

kompressaur’s picture

Sorry dereine i got a bit sidetracked there. The reason i was sidetracked was because i was trying to achieve what i was hoping for just using views in normal tabs and they are working fine. I currently have both tabs and tabs panel styles on and the problem persists. again it is viewable on the link above. I am unable to achieve what i was hoping with just normal tabs so i will get to the bottom of these Panel tabs and them not showing in IE. thanks.

kompressaur’s picture

ps its the comments tab on
http://spat.tv

that is the panels tab. As you will be able to see it disappears when viewed in IE but not in other browsers.

dawehner’s picture

I am unable to achieve what i was hoping with just normal tabs so i will get to the bottom of these Panel tabs and them not showing in IE. thanks.

I mean http://drupal.org/project/tabs

Use the api there, its easy to use.

kompressaur’s picture

im sorry dereine i do not understand. My tabs are working ok but not tabs panel style. As you can see from my frontpage the tabs are working fine but the panels style below them are not. Sorry if i am missing something here :unsure

kompressaur’s picture

Actually i see now that the tabbed content does appear in IE if you make a view unformatted in style. If i make it a table though it dissappears again. See the Latest tab on my homepage to see the problem with the tabbed content with table style not showing in IE.

dawehner’s picture

Panels tabs uses the tabs jquery ui API which is provided by the tabs module. So please try out this api, and have a look whether the js tabs are working in IE for you.

I don't talk about local tasks/called tabs by some people.

kompressaur’s picture

Your going to want to shoot me in a minute dereine such is my confusion here. are you saying that the 'tabs' on my page are 'local tasks' and i haven't tried tabs jquery ui at all?

So i will need to get the jquery tabs plugin? or do i need to get jquery? Or jquery update poss? Im sorry im just a bit confused by it all. I thought that all i needed was tabs and tabs panel style and it should work. ok so i need to try js tabs. The problem is probably with them? I'm sorry i do not have enough knowhow to use the API that you mention. I am just a module man. Is everyone else's Tabs Panel Style working for them in IE? What would make my set up differant?

jodythai’s picture

Hi kompressaur,

I face the same issue and figured out the solution. It's happen because IE7 doesn't refresh new css style for the hidden block (all div with .ui-tabs-hide). So you need to override .ui-tabs-hide style by adding a new one only in the ie7.css (make sure you have declared this conditional stylesheets in your theme.info) with the following content:

.ui-tabs-hide {
display: none;
position: relative;
}

Then it works :D!

rjadams96’s picture

Thank you! I had been searching for an answer to this issue for a long time and this resolved it.

smoothify’s picture

Status: Postponed (maintainer needs more info) » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

serkan_isin’s picture

Can you please write a bit clear for this IE 7 fix, cause i am confused;

.ui-tabs-hide {
display: none;
position: relative;
}

where will i put this and how will i declare that IE7.css in .info?

thanks