The solution of adaptive height in CSS layout

css| Solution | adaptive

This is the DIV+CSS layout often encountered in the basic problem, the individual feel that the use of background map filling method, or relatively simple and practical. Final effect.

　　 CSS Source code:body{
Background: #EDEDED;
font-size:70%;
Font-family:arial, Helvetica, Sans-serif;
line-height:130%;
Color: #666666;
margin:0;
padding:0;
Text-align:center;
}
#layout {
Width:760px;/*--for ie5.x--*/
w\idth:740px;/*--other--*/
margin:10px Auto;
Border:solid 10px #999999;
Border-bottom:solid 9px #999999;
/*--at the bottom to add a 1px div to clear the float, so put
Bottom border set to 9px--*/
Background:url (bg.gif) #FFFFFF repeat-y left;
/*--background fill, solve the left and right column height inconsistency--*/
Text-align:left;
}
#sidel {
Float:left;
width:190px;
}
#sider {
Float:right;
width:540px;
}
pre{
padding:10px;
margin:0;
}
. clear{
Background: #999999;
Clear:both;
height:1px;
Overflow:hidden;
}