I am having a height problem with my layout, I have a main container that holds the rest, then I have a header container for the header graphic, then three column containers for below it, the problem is the three column containers are only as long in height as their content and therefore not giving me a even bottom…I know there is an easy answer to this, but I am having a brain dysfunction right now and can’t think what I need to do to fix this…below is the code for the containers mentioned above.
#page {
background-color : #ffffff;
width : 761px;
text-align : left;
padding : 0;
}
#headerimg {
background-image : url(images/lop.jpg);
width : 761px;
height : 250px;
padding : 0;
}
#leftside {
background-image : url(images/leftbg.jpg);
float : left;
width : 151px;
padding : 0;
}
#maincontent {
background-color : #ffffff;
float : left;
width : 459px;
padding : 0;
}
#rightside {
background-image : url(images/rightbg.jpg);
float : left;
width : 151px;
padding : 0;
}