Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Oct 2009
    Posts
    10
    Thanks
    4
    Thanked 0 Times in 0 Posts

    What is wrong with my height 100%

    hey guys,
    I'm confused with my css code to made the height of a div with id="content_wrap" to be 100%. I follow the instruction on making all the parents min-height to be 100% but still, my page wont stretch all the way to the bottom of the screen.
    also i had to add overflow:auto for that div's background to be displayed in firefox. what is my error?

    here is the link to the page in question:
    http://www.warplayart.com/zamiran/pa.../about_us.html

    -thanks in advance
    Last edited by armen; 11-05-2009 at 12:48 AM.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello armen,
    Try a little less min-height ...
    This might be a start, I'm sure it will need some more tweaking:
    Code:
    * {
    	margin: 0;
    	padding: 0;
    	
    }
    
    html {
    	height: 100%;
    }
    
    body {
    	background-color: #44361e;
    	height: 100%;
    }
    
    #wrap {
    	height: 100%;
    }
    
    #menu_wrap{
    	background-color: #e8d9ad;
    	position: rel
    I have a demo of a good full-height solution here, help yourself if you like it and want to use it.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    armen (11-05-2009)


  •  

    Posting Permissions

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