SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict Zapppa's Avatar
    Join Date
    Aug 2009
    Posts
    314
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Making container 100% height ? Please help

    Hi,


    I'm making a quick site draft for someone and i'm having a strange issue here - I cant get the container to stay 100%

    I thought I have coded it correctly, but clearly i've missed something

    It stops half way on the services page.

    Any ideas as to what I have done wrong?

    Site Draft

    Any help greatly appreciated

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, the problem is that inside #container, the columns are floated. That makes the parent not recognize them, aka it thinks that it's going to the 100% height!

    You need to add overflow:hidden to "#container".

    Other than that, you did everything perfect .
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    SitePoint Addict Zapppa's Avatar
    Join Date
    Aug 2009
    Posts
    314
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ahhh! I see! Something new learned today!

    Thanks very much

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    You're welcome sir . And if you ever need to "contain the floats" (as overflow:hidden is doing right now for you), and you need a design element hanging out of the container, look into using the "clearfix". You can google that if you want, to read up on it, but overflow:hidden is good for 99% of cases.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  5. #5
    SitePoint Zealot beyre's Avatar
    Join Date
    Dec 2008
    Location
    North Carolina
    Posts
    128
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I just wanted to say this answered the problem I was having of which I had created a thread for about an hour ago.

    Thank you SO SO much!

    Quote Originally Posted by RyanReese View Post
    Hi, the problem is that inside #container, the columns are floated. That makes the parent not recognize them, aka it thinks that it's going to the 100% height!

    You need to add overflow:hidden to "#container".

    Other than that, you did everything perfect .
    Barbara E.

    Will add my site links when I'm more established here.


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
  •