Results 1 to 2 of 2

Thread: CSS Left, Top and Bottom Frames Layout

  1. #1
    Join Date
    Aug 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default CSS Left, Top and Bottom Frames Layout

    Hi.

    There is an example css layout on the site here:
    http://www.dynamicdrive.com/style/la...frames-layout/

    I'm trying to put a 50px stripe frame accross the top, above the rest.

    When I try to just add another div it doesn't quite work.

    I tried adding this:
    #framecontentHeaderTop{
    position: absolute;
    top: 0;
    left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
    right: 0;
    height: 45px; /*Height of top frame div*/
    overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
    background-color: navy;
    color: white;
    }

    Then moving everything else 45px down.

    Could someone help me a bit pls.

    Matt

  2. #2
    Join Date
    May 2005
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    For your next div if you still positioning it absolute you need to add: top: 45px; (or 50px)

    This way it will show up below your top stripe

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
  •