1234
Новичок
Таблица + дивы
Вообщем такая ситуация:
Есть макет из таблицы типа: шапка, лево, центр, право, подвал. Вообщем обычная трехколоночная структура.
В левой ячейке, 2 блока, по середине - один, справа - тоже 2.
Суть проблемы в том, что в опере и мозиле блок который посередине, накладывается на блоки слева и с права.
Вот код:
Сорри, за такой большой код...
-~{}~ 10.03.08 13:12:
Конкретезирую вопрос =) :
У меня дивы друг на друга налаживаются: там три табличные ячейки, левая - 15%, средняя - 70%, правая - 15%.
У дивов прописана ширина 100% и padding-left: 10px, так вот, когда без паддингов, то все нормально, а когда с паддингами, то они друг на друга налаживаются.
Вообщем такая ситуация:
Есть макет из таблицы типа: шапка, лево, центр, право, подвал. Вообщем обычная трехколоночная структура.
В левой ячейке, 2 блока, по середине - один, справа - тоже 2.
Суть проблемы в том, что в опере и мозиле блок который посередине, накладывается на блоки слева и с права.
Вот код:
PHP:
<body>
<style type=text/css>
body{
margin: 5px;
}
.main_table{
width: 100%;
height: 100%;
border-collapse: collapse;
}
.logo_cell{
width: 100%;
height: 105px;
background: url('images/logo_fon.gif');
}
.left_cell{
width: 15%;
height: 100%;
vertical-align: top;
}
.center_cell{
width: 70%;
height: 100%;
vertical-align: top;
padding-right: 5px;
padding-left: 5px;
}
.right_cell{
width: 15%;
height: 100%;
vertical-align: top;
}
.block_top{
width: 100%;
height: 27px;
padding-left: 10px;
line-height: 30px;
position: relative;
overflow: hidden;
margin-top: 5px;
margin-bottom: 4px;
font-family: Arial;
font-weight: bold;
font-size: 11px;
color: #FFF;
background: url('images/block_top_fon.gif') repeat-x;
}
.block_top_1{
width: 100%;
height: 27px;
padding-left: 10px;
line-height: 30px;
overflow: hidden;
margin-top: 5px;
margin-bottom: 4px;
font-family: Arial;
font-weight: bold;
font-size: 11px;
color: #FFF;
background: url('images/block_top_fon.gif') repeat-x;
}
</style>
<table class="main_table" cellspacing="0" cellpadding="0">
<tr>
<td class="logo_cell" colspan="3"></td>
</tr>
<tr>
<td class="left_cell">
<div class="block_top"></div>
</td>
<td class="center_cell">
<div class="block_top_1"></div>
</td>
<td class="right_cell">
<div class="block_top"></div>
</td>
</tr>
</table>
</body>-~{}~ 10.03.08 13:12:
Конкретезирую вопрос =) :
У меня дивы друг на друга налаживаются: там три табличные ячейки, левая - 15%, средняя - 70%, правая - 15%.
У дивов прописана ширина 100% и padding-left: 10px, так вот, когда без паддингов, то все нормально, а когда с паддингами, то они друг на друга налаживаются.
