This is my layout and i was wondering how i made the sides of the layout stretch down the page,

http://www.geocities.com/tantalising.angel/ajlayout.jpg.

someone help this is the only part of my website left to understand

are you asking how to make the layout fit the entire browser window?


if so just make the resolution bigger

no im asking how to make the sides of the layout the ones that are green lines to go straight down to the bottom of the layout like to carry on.

Use CSS:
http://img160.imageshack.us/img160/4412/layoutsplit1fx.png
and then use the following CSS:

body {
background-color: Black;
}
.headerleft {
background-image: url(imageurl.png);
background-repeat: no-repeat;
width: width of image;
height: height of image;
}
.headercenter {
background-image: url(imageurl.png);
background-repeat: no-repeat;
width: width of image;
height: height of image;
}
.headerright {
background-image: url(imageurl.png);
background-repeat: no-repeat;
width: width of image;
height: height of image;
}



.secondleft {
background-image: url(imageurl.png);
background-repeat: no-repeat;
width: width of image;
height: height of image;
}
.secondcenter {
background-image: url(imageurl.png);
background-repeat: no-repeat;
width: width of image;
height: height of image;
}
.secondright {
background-image: url(imageurl.png);
background-repeat: no-repeat;
width: width of image;
height: height of image;
}



.mainleft {
background-image: url(imageurl.png);
background-repeat: repeat-y;
width: width of image;
}
.maincenter {
background-image: url(imageurl.png);
background-repeat: repeat-y;
width: width of image;
}
.mainright {
background-image: url(imageurl.png);
background-repeat: repeat-y;
width: width of image;
}

and where you want the table to be put this code:

<table border="0">
<tr>
<td class="headerleft">
</td>
<td class="headercenter">
</td>
<td class="headerright">
</td>
</tr>
<tr>
<td class="secondleft">
</td>
<td class="secondcenter">
</td>
<td class="secondright">
</td>
</tr>
<tr>
<td class="mainleft">
</td>
<td class="maincenter">
the more text you add in here, the further it goes down.
</td>
<td class="mainright">
</td>
</tr>


you can probably guess the rest.

thank you:lolo: