Hey,
Im trying to do a table like design feat, where i have one main container div. Then within there i want a leftborder div and a right border div and a contents div, so the border divs would scale with the contents of the container div.
Ive set the relevent floats so they are in the right place, set the height to 100% and tried auto on the left/right borders. The container will change in size based on contents so i cant set a raw XXXpx height for it. I expected it to scale but it does about 10 pixels then cuts off…
heres what CSS im using for the borders:
#leftBorder
{
float: left;
background-image: url(1.jpg);
background-repeat: repeat-y;
height: 100%;
width: 10px;
}
#container
{
margin-left: auto;
margin-right: auto;
width: 800px;
}
the right one is the same but with opposite float, any ideas?