|
|
|
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
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. |
|
#2
|
|||
|
|||
|
Really!? You spell kolour with a c!?
![]() Add a border. Make the border the same kolour as the background.
__________________
Michael
|
|
#3
|
|||
|
|||
|
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...
|
|
#4
|
|||
|
|||
|
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. |
![]() |
| Viewing: Dev Shed Forums > Web Design > CSS Help > Getting colours to fill columns using css |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|