SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Wizard nofel's Avatar
    Join Date
    Aug 2007
    Location
    Earth
    Posts
    1,766
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    layout overlapping

    Hi,
    I am working a peace of design i wanna do, but i am having issues. instead of the .content showing below two tabs that i created, its starting from where the tabs are starting, what am i doing wrong.
    Code HTML4Strict:
    <div class="tab">
        <ul>
            <li><a href="#">Events</a></li>
            <li><a href="#">Past Events</a></li>
        </ul>
    </div>
    <div class="content">
    </div>
    Code CSS:
    #wrapper{width:300px;}
    div.tab{width:300px;}
    .tab ul li{display:block;padding:10px;border:1px solid #003; float:left;border-bottom:none!important; margin-left:10px;}
    div.content{width:500px;border:1px solid #003;height:200px;}
    All those who wander aren't lost.

  2. #2
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    You need to contain the tabs, so add overflow:hidden to your div.tab and you should be fine.
    Maleika E. A. | Rockatee | Twitter | Dribbble




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
  •