SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    011521 dbalsdon's Avatar
    Join Date
    Feb 2003
    Location
    North Of Scotland
    Posts
    444
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem defining height with CSS..

    Hi.

    I am currently working on a new layout/design for my site but I am having trouble defining the height of one of my sections...

    The page is divided into 4 sections.. a logo area, banner area, menu and content area....

    http://www21.brinkster.com/weblinkup/layout.html

    I'm not having any problems with the logo, banner and menu areas.. however, when I try to set the height of the content area with height: 100%; a scroll bar appears(as you can see on the page), which i dont want.

    The entire code for the stylesheet(its not much yet) is

    Code:
     
    body
    {
    top: 0px;
    left: 0px;
    margin: 0px, 0px, 0px, 0px;
    padding: 0px, 0px, 0px, 0px;
    background-color: blue;
    color: white;
    }
    
    .top
    {
    height: 100px;
    }
     
    .logo
    {
    width: 100px;
    height: 100%;
    float: left;
    padding-left: 3px;
    }
     
    .banner
    {
    width: 100%;
    height: 100%;
    }
    .menu
    {
    width: 100px;
    float: left;
    padding-left: 3px;
    }
    .content
    {
    background-color: white;
    color: blue;
    width: 100%;
    height: 100%;
    }
    Could somebody please tell me how to sort this problem...??

    TIA.

  2. #2
    SitePoint Addict
    Join Date
    Aug 2001
    Location
    Los Angeles, CA
    Posts
    346
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try 99%...I've had a similar problem, and using 99% fixed it...

  3. #3
    011521 dbalsdon's Avatar
    Join Date
    Feb 2003
    Location
    North Of Scotland
    Posts
    444
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That didnt work...


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
  •