SunQuest
           CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignCSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old September 27th, 2001, 04:05 PM
NZ Joe NZ Joe is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Mar 2001
Location: Kapiti, New Zealand
Posts: 36 NZ Joe User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 8
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.
__________________
Gravity always wins

Last edited by NZ Joe : September 27th, 2001 at 06:40 PM.

Reply With Quote
  #2  
Old October 3rd, 2001, 08:53 AM
pieux pieux is offline
Seņor Member
Dev Shed Beginner (1000 - 1499 posts)
 
Join Date: Aug 2000
Posts: 1,156 pieux User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 17 m 59 sec
Reputation Power: 9
Really!? You spell kolour with a c!?

Add a border. Make the border the same kolour as the background.
__________________
Michael

Reply With Quote
  #3  
Old September 23rd, 2003, 10:45 AM
elguiri elguiri is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Sep 2003
Location: Madrid, Spain
Posts: 1 elguiri User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation 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...

Reply With Quote
  #4  
Old December 2nd, 2003, 09:03 AM
seventhapex seventhapex is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Dec 2003
Location: Alabama sad huh?
Posts: 1 seventhapex User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Send a message via AIM to seventhapex Send a message via Yahoo to seventhapex
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.

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > Getting colours to fill columns using css


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 3 hosted by Hostway