Сразу приведу код (тут не прикладываю заголовок и т.д.)
CODE (
htmlphp):
скопировать код в буфер обмена
<body>
<!--Главный контейнер-->
<div id="document_container" class="w_100">
<!--ЛОГО-->
<div id="document_top" class="h_40">
<!--ВЕРХ-->
</div>
<!--МЕНЮ-->
<div id="document_menu" class="h_40">
</div>
<!--КОНТЕЙНЕР С КОНТЕНТОМ-->
<div id="document_content">
<table>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<!--ЗАГЛУШКА-->
<div id="document_cover" class="h_40"></div>
</div>
<!--ПОДВАЛ-->
<div id="document_bottom" class="h_40 w_100">
</div>
</body>
</html>
и ксс:
CODE (
htmlphp):
скопировать код в буфер обмена
body{width:100%; min-width:1000px; padding:0px; margin:0px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; position: relative;}
html,body{height:100%;}
body,td,th{font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
.h_40{height:40px;}
#document_menu{background-color: #0079a4;}
#document_container{height: auto !important; min-height:100%;}
#document_bottom{margin-top:-40px; position: relative;background-color: #0079a4;}
#document_top{background-image:url(../image/top_bg.png);}
получается что есть шапка, меню, контент и футер притянутый к низу (в этом все хорошо)
проблемка заключается в том что мне надо таблицу растянуть на всю высоту пустого контейнера, чтобы сделать типо разделителя на 2 окна который можно двигать.
если высоту не сделать 100%, то когда контента мало, выглядит не очень хорошо, на картинке приложил примерно что хочу сделать, проблема в том что на html 5 никак не могу придумать как такое реализовать
