Есть 2х колоночная верстка. Футер прижат к низу экрана. Необходимо чтобы левая колонка и content растягивались на 100% до футера. В опере работает, а в хроме и мозиле нет( Код (Text): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language ?>" lang="<?php print $language->language ?>" dir="<?php print $language->dir ?>"> <head> <title></title> </head> <body> <div id="wrapper"> <div id="header"> ХЕДЕР </div><!-- #header--> <div class="sidebar" id="sideLeft"> Левый </div><!-- .sidebar#sideLeft --> <div id="content"> КОНТЕНТ </div><!-- #content--> </div><!-- #wrapper --> <div id="footer"> </div><!-- #footer --> </body> </html> CSS код: Код (Text): * { margin: 0; padding: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } #wrapper { position:relative; width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* Header -----------------------------------------------------------------------------*/ #header { height: 150px; background: #FFE680; } /* Middle -----------------------------------------------------------------------------*/ #content { padding: 0 20px; margin-left:100px; } /* Sidebar Left -----------------------------------------------------------------------------*/ #sideLeft { float: left; width: 100px; position: relative; background: url(images/bg_left.png) repeat-y; min-height: 100%; height: auto !important; height: 100%; } /* Footer -----------------------------------------------------------------------------*/ #footer { position:relative; width: 1000px; margin: -100px auto 0; height: 100px; position: relative; background:url(images/bg_footer.png) no-repeat; }
если искать с другой формулировкой: "колонки одинаковой высоты", то будет немало кросс-браузерных реализаций. в твоем случае проблема наверное в том, что неочевидно от чего следует брать 100%. это как курица и яйцо: что первично? высота контейнера зависит от содержимого, а содержимое ты пытаешся отсчитывать от высоты контейнера. этот круг надо рвать.