Bit of Html/CSS help

Soldato
Joined
25 Sep 2003
Posts
3,750
Location
Manchester
I'm making a website and am semi new to CSS/HTML. I've made divs to hold all my content and it is currently like this:

demosl3.jpg



What I want to do is have the left edge, content and right edge all stretch vertically so when I put in content the vertical height of the left, center and right divs stretch to accomodate.

So, this is what I have so far but the borders don't stretch down with the content area. How can I always get the edges to drop down to the bottom border?

Code:
#left_edge {
background-image:url(images/left_edge.jpg);
background-repeat:repeat-y;

	float:left;
	top:-90p;
	background-color:transparent;
	height:auto;
	width:38px;

}



#main_content_container {
	background-repeat:no-repeat;
	background-color:transparent;
	height:1000px;
	width:760px;
	margin:0px 0px 0px 0px;
	padding:0px;
}


#content_container {
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-color:white;
	height:auto;
	width:686px;
	margin:0px 0px 0px 0px;
	padding:0px;
}

#right_edge {
	background-image:url(images/right_edge.jpg);
	background-repeat:repeat-y;
	display:block;
	float:left;
	background-color:transparent;
	height:auto;
	width:36px;

}


#bottom_edge {
	background-image:url(images/bottom_edge.jpg);
	background-repeat:no-repeat;
	background-color:transparent;
	height:35px;
	width:760px;
	position:relative;
	clear:both;
}
 
Back
Top Bottom