...

View Full Version : CSS - Get sidebar to fit to page



fightonusc61
01-28-2007, 08:00 PM
I would like to have my sidebar extend for the full length of the page, but obviously different pages are different heights. I have tried using height=100% tags but those don't help. Here is my current code:

#Layer1 {

position:absolute;

left:4px;

top:76px;

padding-top:25px;

width:172px;

height:580px;

z-index:51;

background-color: #00336F;

_Aerospace_Eng_
01-28-2007, 08:02 PM
One problem at a time. Don't get ahead of your self. You'll need to read this
http://www.alistapart.com/articles/fauxcolumns

fightonusc61
01-28-2007, 08:16 PM
I'm kind of confused. How does creating a body background image solve the problem with the sidebar?

Excavator
01-28-2007, 08:34 PM
#Layer1 {

position:absolute;

That is looking an awful lot like Dreamweaver code. You will regret having all the absolute positioning that program would like you to use.

Excavator
01-28-2007, 08:36 PM
I'm kind of confused. How does creating a body background image solve the problem with the sidebar?

Faux Columns is a very effective technique for creating equal length columns when one has content and another needs to follow it with less content.
See my example page. (http://www.nopeople.com/CSS/equal_length_columns/)

fightonusc61
01-28-2007, 08:52 PM
#Layer1 {

position:absolute;

That is looking an awful lot like Dreamweaver code. You will regret having all the absolute positioning that program would like you to use.

It is dreamweaver. I didn't code the website, but I am now webmaster. I have gone through and recoded almost every single page on the site. It has been an extreme pain because the coding is horrid. That is why I'm here for help. :)

Excavator
01-28-2007, 09:03 PM
the coding is horrid
<td width="512" class="style15">

<p align="center"><img src="images/det105.jpg" width="560" height="490" border="0" /><br />

<span class="style18"><strong>Pictured above:</strong></span></p>

<p align="center" class="style18">The Det 105 Right of Line Award Trophy </p>

</td>


Yes, it needs a total re-write for sure.
Have you thought about just starting over?

fightonusc61
01-28-2007, 09:09 PM
I can't just start over, wish I could. So I have to resort to fixing what I find. Technically this is a government web site, since the AFROTC is part of the Air Force, and as webmaster I have to get permission for even moderate changes. Obviously coding is all behind the scenes so I can do that myself, but I had to request to change the sidebar, stuff like that. Real pain in the ***.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum