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 7 of 7
  1. #1
    New Coder
    Join Date
    Mar 2009
    Location
    Canada
    Posts
    66
    Thanks
    5
    Thanked 2 Times in 2 Posts

    Question background issue

    My test page is...

    http://robinsden.co.cc/hobbies/jokes/careful_monkey.php

    The problem you will notice right away if you scroll down the page.
    The light brown background dose not continue to the bottom of my page, how can I get it to continue to the bottom.

    The part of my CSS where I think the problem exists is the following, however am not sure what to do?

    #content
    {
    background-color:#C5A665;
    height:100%;
    margin-left:10%;
    margin-right:10%;
    padding:0px;
    border-left: 7px solid #CDA439;
    border-right: 7px solid #CDA439;
    }
    Last edited by robin9000; 06-10-2009 at 04:00 PM.
    My web site can be view here
    http://robinsden.com

  • #2
    New to the CF scene
    Join Date
    Jun 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile

    try to set the "height" as a default value, such as 1000

    {
    background-color:#C5A665;
    height:1000;
    margin-left:10%;
    margin-right:10%;
    padding:0px;
    border-left: 7px solid #CDA439;
    border-right: 7px solid #CDA439;
    }

  • #3
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    try to set the "height" as a default value, such as 1000

    {
    background-color:#C5A665;
    height:1000;
    margin-left:10%;
    margin-right:10%;
    padding:0px;
    border-left: 7px solid #CDA439;
    border-right: 7px solid #CDA439;
    }
    I can't see the page at all from where I am, but this at least should have some units on it - eg. 1000px.

  • #4
    Regular Coder ahayzen's Avatar
    Join Date
    Jun 2009
    Posts
    110
    Thanks
    8
    Thanked 11 Times in 11 Posts
    have you tried using overflow???

    have a look at this site http://www.w3schools.com/Css/pr_pos_overflow.asp

    Maybe use
    Code:
    overflow: visible;

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Try
    Code:
    #content {/*all.css (line 35)*/
    background-color:#C5A665;
    border-left:7px solid #CDA439;
    border-right:7px solid #CDA439;
    min-height:100%;
    margin-left:10%;
    margin-right:10%;
    padding:0;
    }
    * html #content{
    height:100%; /* for IE*/
    }
    Last edited by abduraooft; 06-10-2009 at 01:22 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #6
    New Coder
    Join Date
    Mar 2007
    Location
    Bulgaria, Plovdiv
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts
    on http://robinsden.co.cc/hobbies/jokes/careful_monkey.php just remove height: 100% in #content:

    Code:
    #content {
    background-color:#C5A665;
    border-left:7px solid #CDA439;
    border-right:7px solid #CDA439;
    /*height:100%;*/
    margin-left:10%;
    margin-right:10%;
    padding:0;
    }

  • #7
    New Coder
    Join Date
    Mar 2009
    Location
    Canada
    Posts
    66
    Thanks
    5
    Thanked 2 Times in 2 Posts
    Quote Originally Posted by abduraooft View Post
    Try
    Code:
    #content {/*all.css (line 35)*/
    background-color:#C5A665;
    border-left:7px solid #CDA439;
    border-right:7px solid #CDA439;
    min-height:100%;
    margin-left:10%;
    margin-right:10%;
    padding:0;
    }
    * html #content{
    height:100%; /* for IE*/
    }

    Thanks for this perfect solution. It's been a long time that I have been hunting for a solution so thanks very much.
    My web site can be view here
    http://robinsden.com


  •  

    Posting Permissions

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