Есть проблема:
Код, в котором 3 блока, которые позиционируются на странице в следующем порядке: шапка, главный (контент, новости), подвал, а
в коде должны быть прописаны в другом порядке: главный (контент, новости), шапка, подвал.
код следующий:
<htmk>
<head>
<style>
body {margin:0px; padding:0px; background:#fff; min-width:760px; border:1px solid #fff}
#main {width:80%; position:relative; margin:360px auto 90px auto; min-width:720px; clear:both; z-index:2; border:10px solid
#003399}
#main div.cont {width:65%; float:left; position:relative; left:35%; bottom:0px; right:0px; top:0px; border:2px solid
#004499; }
#main div.news {width:30%; overflow:visible; position:relative;top:0px; padding:0px; left:0px; right:35%;border:2px solid
#006699; }
#footer {width:100%; height:111px; position:relative; clear:both; min-width:760px; border:2px solid #cc4433;}
#top {width:100%; height:92px; position:absolute; top:0px; left:0px; background:url(bg_t0000.gif) repeat-x #fcfcfc;
border-bottom:1px solid #b3b3b3; min-width:760px; border:2px solid #aa4433}
</style>
</head>
<body>
<div id="main">
</div>
</body>
</html>
Задача: положение подвала должно быть все время снизу и меняться в зависимости от содержимого главного блока.
Если news позиционировать абсолютно, то при большом количестве новостей он перекрывает подвал, если относительно, то он
позиционируется относительно cont, а они должны быть на одном уровне. Как сделать так, чтобы подвал отодвигался вниз в
зависимости от главного блока?
