Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Oct 2006
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS Panel Layout, having some trouble with IE

    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 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:
    http://starrbuckk.googlepages.com/tab.html
    http://starrbuckk.googlepages.com/tabs.css

    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?

    Thanks!

  • #2
    New to the CF scene
    Join Date
    Oct 2006
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    bump anyone one?

  • #3
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Borders

    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 on Listamatic for some pointers.
    Regards,
    Ronald.
    ronaldvanderwijden.com


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •