Css layout problem

biovelocity · 01-06-2004, 06:40 AM

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 · 01-06-2004, 06:51 AM

Hi Craig welcome to NP

artmasterz · 01-06-2004, 12:28 PM

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 · 01-06-2004, 03:00 PM

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 · 01-06-2004, 09:53 PM

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

nicholas · 01-06-2004, 11:20 PM

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.

01-06-2004, 06:40 AM	THREAD STARTER #1 (permalink)
biovelocity New Member Join Date: Jan 2004 Location: Michigan Posts: 4	Css layout problem 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. __________________ ICQ : 135160217 \| aim: interseen \| msn : biovelocity@hotmail.com Portfolio : http://www.biovelocity.com/portfolio.php New services and site coming soon!

01-06-2004, 06:51 AM	#2 (permalink)
InteractAsia Senior Member Join Date: Nov 2003 Location: Merlion City Posts: 1,208	Hi Craig welcome to NP __________________ ermm..do i need to put my sig here? Free Short URL \| Free Reseller Hosting \| Free cPanel Blog Hosting Hottest New Posters & Prints

01-06-2004, 03:00 PM	THREAD STARTER #4 (permalink)
biovelocity New Member Join Date: Jan 2004 Location: Michigan Posts: 4	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! __________________ ICQ : 135160217 \| aim: interseen \| msn : biovelocity@hotmail.com Portfolio : http://www.biovelocity.com/portfolio.php New services and site coming soon!

01-06-2004, 09:53 PM	#5 (permalink)
CreativeLogic NamePros Regular Join Date: Sep 2003 Posts: 890	I dont think you'll be able to use 100% height with absolute positioning... I could be wrong though. __________________ Online Time Tracking :)

01-06-2004, 11:20 PM	#6 (permalink)
nicholas NamePros Regular Join Date: Dec 2003 Location: The Beach Posts: 584	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. __________________ Newsback.com -- Commentary and backstories of the news -----------------------------------------------

01-06-2004, 12:28 PM	#3 (permalink)
artmasterz New Member Join Date: Aug 2003 Posts: 3	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

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)