Css layout problem

[biovelocity]

Hello, this is my first post here, so Hi to everybody.

Firsly, this is the first time I am designing a tableless layout, so I am still a newb to this. At this point I am kinda missing my tables

Anyways, my problem is this
I have a sidebar on my page, and i want it to extend to the bottom of the page, but it will only extend until the end of the content. I am using absolute positioning, and have the height set to 100%.

Any help on this wouldl be much appreciated.

 

[InteractAsia]

Hi Craig welcome to NP

 

[artmasterz]

hi,

You should check the height of its parent table and so on..
if they are not 100% make them 100%. You will be find thats you are looking for


Azizi

 

[biovelocity]

everything is on layers, absolute positioning, and this layer is not within any other layer. I will try to get a preview to show you up. Right now its my sons first birthday though, so I have to party!

 

[CreativeLogic]

I dont think you'll be able to use 100% height with absolute positioning... I could be wrong though.

 

[nicholas]

putting each column in their own <div>'s and issuing a
style="float: left;" (or "float: right" as the case may be) keeps the sidebar in position.

If you want the sidebar's background to exted to the rest of the page (presuming the other columns are longer than this sidebar); then either you fix the height with an actual pixel amount or place a transaperent spacer graphic inside the column (<img src="spacer.gif" height="1000" width="1"> ... or a similar workaround). Otherwise, it's off to Javascript to dynamically adjust it.