Добрый день! Попытался воспроизвести свою ситуацию, упростив ее до минимума. Необходимо, чтобы div #center занял все оставшееся место между #top и #bottom <!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>Untitled Document</title> </head> <body> <style type="text/css"> html, body { height:100%; } #outer{ background:#00F; height:600px; width:400px; float:left; } #top{ width:400px; background:#F0F; height:100px; float:left; } #center{ width:400px; background:#00F; height:auto; float:left; } #bottom{ width:400px; background:#0C6; height:100px; float:left; } </style> <div id="outer"> <div id="top"></div> <div id="center"></div> <div id="bottom"></div> </div> </body> </html> Помогите Спасибо