ситуация вот в чем
есть следующий код:
необходимо сделать так чтобыКод:<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;
}
