ситуация вот в чем
есть следующий код:
необходимо сделать так чтобыКод:<body> * <div id="header"> * *header * </div> * <div id="bl"> * *<div id="sidebar1">контент</div> * *<div id="content">контент </div> * *<div id="sidebar2">контент</div> *</div> *<div id="footer"> * *footer *</div> </body>
подвал находился в самом внизу страницы, а колонки растягивались по мере содержимого, причем отодвигая подвал вниз если нужно
вот css:
работает это только в опре как сделать чтобы в Firefox и IE точно так же было?Код:<style type="text/css"> html, body { *margin: 0; *padding: 0; *width: 100%; *height: 100%; } body { *min-height: 100%; *height: auto !important; *height: 100%; *position: relative; } #header { *height: 3em; *width: 100%; } #content { float:left; width: 50%; } #sidebar1 { float:left; width: 25%; } #sidebar2 { float:left; width: 24%; } #footer { *height: 2.5em; *width: 100%; *position: absolute; *bottom: 0; } #bl { *width: 100%; *padding-bottom: 2.5em; }
