#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2001
    Location
    Kapiti, New Zealand
    Posts
    36
    Rep Power
    14

    help with css colours


    Yes that is how we spell colour in this part of the world, but that is not the issue.

    OK, here is the problem: I have three columns of information on a page, positioned within divs using css (code to follow). One contains more content than the other. The problem is that the background colour only fills to the bottom of the content, not to the bottom of the page. How can I make it go to the bottom, without going back to tables?

    HTML:
    Code:
    <div width="100%">
      <div class="leftnav">
        Navigation stuff goes here
      </div>
      <div class="bodytext">
        The main body text goes in here.  This is the heaps longer than the nav content
      </div>
      <div class="quicklinks">
        Some more stuff here
      </div>
    </div>
    CSS:

    Code:
    .leftnav{
        position:absolute;
        top:50px;
        left:0px;
        width:150px;
        background-color:#ececdd;    
        }
    
    .bodytext{
        position:absolute;
        top:60px;
        margin-left:165px;
        margin-right:160px;   
        }
    
    .quicklinks{
        position:absolute;
        top:60px;
        right:5px;
        }
    Thanks in advance.
    Last edited by NZ Joe; September 27th, 2001 at 06:40 PM.
    Gravity always wins
  2. #2
  3. No Profile Picture
    Seņor Member
    Devshed Beginner (1000 - 1499 posts)

    Join Date
    Aug 2000
    Posts
    1,157
    Rep Power
    37
    Really!? You spell kolour with a c!?

    Add a border. Make the border the same kolour as the background.
    Michael
  4. #3
  5. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    Madrid, Spain
    Posts
    1
    Rep Power
    0
    NZ Joe, I see this posting is over two years old. Did you ever get your problem sorted? I have the same problem so if anyone out there can help...
  6. #4
  7. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    Alabama sad huh?
    Posts
    1
    Rep Power
    0

    Lightbulb css


    add in a {code} display: Block {code} at the end of your <div> definition in your style, like:

    #somthing { background-color: green; display: Block }


    and if you didn't know
    <div id="somthing"></div>
    you can also try
    <span id="somthing"></span>


    and that should work...
    Last edited by seventhapex; December 2nd, 2003 at 09:06 AM.

IMN logo majestic logo threadwatch logo seochat tools logo