We help IT Professionals succeed at work.
Get Started

CSS help with making left column extend all the way to the bottom

driven13
driven13 asked
on
656 Views
Last Modified: 2012-05-09
Hello experts:

I have a relatively simple CSS page with one problem:

If the right column has more content than the left column, the left column "stops" when its content ends. I need the left column to extend all the way to the bottom no matter how long or short the right column is.

This is noticeable because the color of the left column is blue.  I need this blue color to  extend all the way to the bottom.

I have attached  a snapshot of what the page now looks like and the CSS for it.

Any help will be greatly appreciated.

--d.
html,body{background:#EFEFDD;margin:0;marginheight:0;marginwidth:0;text-align:center;}
*html,body{background:#EFEFDD;padding:0px;margin:0;marginheight:0;marginwidth:0;text-align:center;}
a{color:#173a96;font-weight:normal;text-decoration:none;}
a:hover{color:#173a96;text-decoration:underline;}
img{border:0;}
form {margin:0;padding:0;}

#container {
	width:975px;
	background:#FFF;
	padding:0px;
	text-align:left;
	font-family:arial;
	font-weight:normal;
	font-style: normal;
	font-size:12px;
	color:#000;
	border:0px solid #BDB5A8;
	margin:auto;
}

#contentleft_second_pgs {
	width:200px;
	height:100%;
	padding:0px 10px;
	float:left;
	margin: 0px 10px 0px 0px;
	background:#173A96;
	position: relative;
	vertical-align: top;	
	}
#contentright {
	width:740px;
	padding:0px;
	float:right;
	margin: 0px 0px 10px 5px;
	background:#fff;
	clear: none;
	position: relative;
	vertical-align: top;	
	}

#footer {
	clear: both;
	margin: 0px auto;
	position: relative;
	text-align: left;
	}

Open in new window

page-visual.gif
Comment
Watch Question
This problem has been solved!
Unlock 1 Answer and 21 Comments.
See Answer
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE