SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: Tab Issue

  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2004
    Location
    London
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Tab Issue

    Hello,

    I'm having a few problems with horizontal tabular navigation.

    I've uploaded my page to:

    http://www.clients.designism.co.uk/treo/tab-problem.htm

    The tabs do not flush against the box below.

    In IE they are raised above.
    In Firefox they are sinking below.

    Anyone able to help me?!! I'm just a CSS beginner so any actual help with snippets of code would be really helpful.

    Thanks guys!

    Ben

  2. #2
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This usually solves problems like that:
    Code:
    * {margin: 0; padding: 0;}
    Place that in the top of your stylesheet and see wether it helps. Oh, and then you have to set your own margins and paddings to stuff like headers, lists and paragraphs...
    Simon Pieters

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,296
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Try this:
    Code:
    #header {
     width: 100%;
     background: #036;
     border: 1px solid #ccc;
     border-bottom: none;
     padding: 0;
     margin: 0;
     height: 30px;
     text-align: left;
     position:relative;
     }
    /*-------------------------------------------------
    TABS
    -------------------------------------------------*/
    #tabs {
     position:absolute;
     height: 21px;
     margin: 0;
     top: 11px;
     padding-left: 20px;
    }
    Paul


Bookmarks

Posting Permissions

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