Tab borders don't show up correctly in IE. [Fixed, thanks to drale]

[Brian Moy]

Yeah... I know the borders don't show right under IE.  They look fine however on EVERY OTHER browser.  On IE, the yellow borders on the right and left ends of the tabs are missing and instead there is just black empty space.  Black because that's the background color.

Originally, the forum is set by default to have nice pretty looking graphics for the tabs.  If you go to most forums, they do have a very nice graphical interface.  I purposely took out all the graphics and gave it a straight text look as I like it to look more simple.  Plus, I think it loads faster without all that GUI bloat.  I'm thinking of adding graphic tabs back in JUST so it will look correctly on all browsers.

[drale]

One of my first guesses was that sometimes divs, cells, etc won't show right without something in them. I added   between the first and last cells of active and nonactive tabs and it showed up in IE.

Code: [Select]

<td class="maintab_first">&nbsp;</td>
You can also reduce the CSS for the tabs a lot. For the section I made changes the CSS was reduced from 55 lines and 936 char to 27 lines and 433 char. I found having the same width of 10px on all tabs didn't look any different in the browsers.

Here is my sandbox tested in IE 6 and Firefox 2.0.0.12. The CSS file contains two versions (noted by comments). One is little more repetitive but maybe easier to read, the other is consolidated version.

Consolidated version:

Code: [Select]

.mirrortab_first, .mirrortab_back, .mirrortab_last
{
    background: #808080;
    width: 10px;
    border-top: 1px solid #FFFF00;
}
.mirrortab_first{
    border-left: 1px solid #FFFF00;
}
.mirrortab_last
{
    border-right: 1px solid #FFFF00;
}
.mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
    background: #c0c0c0;
    width: 10px;
    border-top: 2px solid #FFFF00;
}
.mirrortab_active_first
{   
    border-left: 2px solid #FFFF00;
}
.mirrortab_active_last
{
    border-right: 2px solid #FFFF00;
}

[Brian Moy]

Thanks for the time of looking into that and the tips.  The tabs thing is really the biggest thing of now that is bugging me.  Gah, can't believe I didn't think of the non breaking space!   

The forum software I'm using, SMF is in my opinion sort of a pain to edit the code in the templates.  Its mostly in PHP as well which I am not so comfortable with.  So I try to edit as little as possible in there. 

I must admit CSS can drive me nuts.  I use TopStyle mainly and I know there was a ton of repetition in there.  I'm not yet comfortable doing CSS by hand.

I have your sample page open in a tab right now.  I'm sort of busy (and too stressed out ATM actually...) to do it right now, but I'll fix it in the next few days.