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 8 of 8
  1. #1
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts

    Simple problem, having div fill entire page

    http://images.twodayslate.com/test3.php

    Instead of just white space at the bottom I wanted to put a color. However I can not get it to be the correct size. When the content fills the entire screen the div will be 1px but other than that it just goes to the bottom.

    Hope you get that.


    edit:// I will put this div background to red for demo sake.


    double edit:// working on the search box, never really use these and I can not get the search button to line up with the search box.
    Last edited by twodayslate; 06-27-2007 at 02:50 AM.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #2
    New to the CF scene
    Join Date
    Jun 2007
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Code:
    #bottomextraspace {
    	height: 45px;
    	width: 100%;
    	background: #5a6063;
    	font-size: 1px;
    }
    seems to do what you want atleast in FF2

  • #3
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    What if I need more or less than 45px?

    That is the problem, thanks for the reply though!

    If there is a better way than doing this please share.
    Last edited by twodayslate; 06-27-2007 at 02:52 AM.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #4
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by twodayslate View Post
    If there is a better way than doing this please share.
    Why not just give e.g. your body element some background-color other than white. Wouldn't that do the job?

  • #5
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    BACK FROM CAMP!!!

    If I change the body background to blue then the content background would be blue

    edit:// putting body background to blue to show you.
    Last edited by twodayslate; 07-08-2007 at 04:06 AM.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #6
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    I wanted you to remove this too:
    Code:
    <div id="bottomextraspace">
    &nbsp;
    </div>
    If you want some extra space at the bottom then why insert markup? Could you not just use something like this:
    Code:
    body {
      margin-bottom: 100px;
    }

  • #7
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    I see where you are going with this but it does not work. What about the content?
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #8
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    Got It!
    Last edited by twodayslate; 07-12-2007 at 03:05 AM.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!


  •  

    Posting Permissions

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