View Full Version : CSS Panel Layout, having some trouble with IE

10-26-2006, 02:00 AM
Hi im new to using css and iv come across a problem.

Im trying to create a css tab panel and I came across a site (http://bontragerconnection.com/library/creating_a_tab_panel.shtml) which had a template ready to use!

Iv modified the css and html slightly to suit the style of the site im designing, however the css tab panel renders incorrectly in IE

Here is what iv managed to create:

Now I have no idea how to fix the problem for IE! As you can see its the 1 pixel just below the introduction tab.
The problem is that the bottom border for the tab is white and it extends all the way to the edge.
Im wondering if there is there anyway to get the left border to 'override' the bottom border so that it show up ontop on the bottom border?


10-26-2006, 01:30 PM
bump anyone one?

10-26-2006, 03:12 PM
Bumping without providing additional info is not very useful.

Usually, markup for tabs like these consist of nested elements so you have at least an outer and an inner element for each tab (unordered lists and links come to mind).
The key to solving this is setting a border to the outer element except for the bottom; this is set on the inner element, causing it to always fall within the outer element. You probably still need to provide a fix for those tabs that do need a continuous bottom border; take a look at Eric Meyer's tabbed nav bar (http://css.maxdesign.com.au/listamatic/horizontal05.htm) on Listamatic (http://css.maxdesign.com.au/listamatic/index.htm) for some pointers.