column length

[tiamat2012]

Hey guys,

so I'm trying to make my right and left column extend infinitely, or as far as there is content on the page, do you know how to do that?

Here's my css code:

div#header
{
 		position:absolute;
		left: 20%;
		background:darkblue;
		width:80%;
		height: 15%;
		text-align: center;
}
	
div#lmenu 
{
    	position:absolute;
		top: 15%;
		width:20%;
		height: 100%;
		background-color:darkblue;
		background-attachment: fixed;
		background-repeat: repeat-y;
}

div#maincontent 
{
 		position:absolute;
		top:15%;
		left: 20%;
		width: 60%;
		height: 100%;
		background: transparent fixed;
}

div#rbanner
{
 		position:absolute;
		top:15%;
		left: 80%;
		width: 20%;
		height: 100%;
		background: url(rbanner.jpg) repeat-y fixed top right;
}

You can see the actual website by going to kerryj.awardspace.com/skills.php

Thank you for your time!
-Kerry

 

[BillyRayPreachersSon]

Why not use one of these that has already been created. Suggest taking a look here:

http://www.alistapart.com/articles/fauxcolumns/

Incidentally - it's such a shame that you're willing to go table-less on your main content, but for the navigation you use a table. Why not get the navigation going without a table, too?

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[tiamat2012]

Hmm, I tried that and got the images working but they still stop short. I am using a height property... do you have any ideas?

div#header
{
 		position:absolute;
		left: 20%;
		background:darkblue;
		width:80%;
		height: 15%;
		text-align: center;
		background: #0000ff url(tmenu.jpg) repeat-x fixed 50% 0;
}
	
div#lmenu 
{
    	position:absolute;
		top: 15%;
		width:20%;
		height: 100%;
		background: #0000ff url(lmenu.jpg) repeat-y fixed 50% 0;
}

div#maincontent 
{
 		position:absolute;
		top:15%;
		left: 20%;
		width: 60%;
		height: 100%;
		background: transparent fixed;
}

div#rbanner
{
 		position:absolute;
		top: 15%;
		left: 80%;
		width: 20%;
		height: 100%;
		background: url(rbanner.jpg) repeat-y fixed top right;
		z-index:999;
}

as for the table content on the left, the only reason why I'm doing that was to make "buttons", but I was thinking it makes my websites all together too choppy so I'm thinking I'm going to remove them and put in actual buttons.

Would you suggest table-full or table-less main content? (and why?)