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:
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?

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;
}