I am working on a new design and I have these vertical tabs. The problem is that in IE (at least IE 6.0.2.9) when too much data is put in vertically the information shows up below the tab area. In FireFox 3 this works just fine, as well as in safari (iphone). Is it a css issue? www.dotmediaweb.com/newsite/portfolio.html
First of all, OMG TABLES O_O. ahem... Secondly, try reducing the cellpadding and cellspacing, or try increasing the width of the table containing those site links. But seriously, imo, replace ALL of the tables with divs. You can easily replicate that site with divs and it'll be easier to style as well.
yeah the unfortunate part is that is how the code come to me for the site and the tab script.. i really didnt feel like reinventing the wheel. I tried reducing both cellpadding and spacing to 0 and that wasnt the problem. If you look at a tab like 'services' it works fine. It seems that when there are too many entries (i.e. bigger than the box goes down) that the content appears underneath in IE. here is the CSS file:
What's the problem?? What's under the tabs?? http://stommepoes.nl/iescreen1.gif http://stommepoes.nl/iescreen2.gif http://stommepoes.nl/iescreen3.gif http://stommepoes.nl/iescreen4.gif http://stommepoes.nl/ff3screen1.gif http://stommepoes.nl/ff3screen2.gif They all look the same to me???
i fixed it. Seems the H3 was being treated differently by IE for some reason. I just pulled it out and am using normal font attributes for now. ill work on it more later. thanks of the willingness to be helpful though.