Только начал разбиратся с блочной версткой. но столкнулся, наверно, с простешей проблемой и решить немогу. Есть три блока, два (верхний, нижний) имеют фиксированую высоту, третий (по средине) нужно растянуть на высоту оствашегося пространства. Заранее спасибо. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Блоки</title> <link href="template1.css" rel="stylesheet" type="text/css" /> </head> <style> html, body { padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; width:100%; height:100%; } div{ margin:0px; padding:0px;} #leftdivhead { width:142px; height:650px; background-color:#FF9900; } #leftdivbg { width:142px; height: auto; min-height: 100%; background-color:#6666FF; } #leftdivfooter { width:142px; height:137px; background-color:#009900; } #maindiv { position:relative; margin: 0px auto; height:100%; } </style> <body> <div id="maindiv"> <div id="leftdivhead"></div> <div id="leftdivbg"></div> <div id="leftdivfooter" ></div> </div> </body> </html>
