This is how I fixed it.

Try uncommenting the following line in the template.css file:

.cbPosTop { position: relative; width: 100%; height: 300px; }

If you don't see it, then just add it to your template.css

Since I'm using the default CB template, my template.css file is located in the following path:

components/com_comprofiler/plugin/templates/default/template.css

Post edited by: savan, at: 2007/02/10 10:35

I am running the OSX theme (but its the same for all).

I run rocket theme versatility (if that matters).

It only happens in ie6 (ff and ie7 look fine).

JS is on standard xp machine

the screen shot i already pasted

no js errors appear for me

the default joomla template aligns it properly.


(and i tried that .cbPosTop { position: relative; width: 100%; height: 300px; } )... no dice

I'm getting this in IE7 but not in IE6! I use Firefox but many of the users are not. Help.

I played around with the css a bit on a website that had the tabs disappearing. I noticed that in the dynamic-tab-pane-control class if I changed all of the position: relative; styles to position: static; and added a few position: static; styles in some of the other tab class elements, the tabs would not disappear.

In the default template css(/components/com_comprofiler/plugin/templates/default/template.css), try making the changes anywhere you see position: static; below:[code:1].dynamic-tab-pane-control h2 {
position: static;

text-align: center;
width: auto;

}

.dynamic-tab-pane-control h2 a {

display: inline;

width: auto;

}

.dynamic-tab-pane-control a:hover {

background: transparent;

}

.dynamic-tab-pane-control.tab-pane {

position: static;

width: 100%;

}

.dynamic-tab-pane-control .tab-row .tab {

font-family: Menu,Arial,Verdana,sans-serif;

cursor: pointer;

display: inline;

margin: 1px -1px 1px 2px;

float: left;

padding: 2px 5px 3px 5px;

background: #CCC;

border-width: 0px;

z-index: 1;

white-space: nowrap;

position: static;

top: 0px;

}

.dynamic-tab-pane-control .tab-row .tab.selected {

background: #FFF;

border: 1px solid #666;

border-bottom: 0px;

z-index: 3;

padding: 2px 6px 4px 6px;

margin: 1px -3px -1px 0px;

top: -2px;

}

.dynamic-tab-pane-control .tab-row .tab a {

font: 13px Menu,Arial,Verdana,sans-serif;

padding: 0px 5px 0px 5px;

color: #000;

text-decoration: none;

cursor: pointer;

}

.dynamic-tab-pane-control .tab-row .tab.hover {

background: #EEE;

}

.dynamic-tab-pane-control .tab-page {

clear: both;

border: 1px solid #666;

background: #FFF;

z-index: 2;

position: static;

top: -2px;

color: #000;

font-family: Message-Box,sans-serif;

width: 100%;

}

.dynamic-tab-pane-control .tab-row {

z-index: 1;

position: static;
white-space: nowrap;

}
[/code:1]

I tested this using an IE addon because I was unable to modify the files on the website directly as I am not the web administrator for the site.

I hope this works for others. I also tested the changes in FF using the DOM Inspector with no problems.

Post edited by: jason.a.lynch, at: 2007/03/01 00:22

Post edited by: jason.a.lynch, at: 2007/03/01 00:23