делаю шаблон для сайта, столкнулься со следующей проблемой: между блоками div в таблице появляются зазоры. перегуглил весь инет, но все, что там советуют, не помогло. В опере это выглядит, как во вложении, в хроме и в фф похуже, в ие ваще ж... кто что посоветует?
РНР-код:
PHP код:
<div id="mbar">
<table width="100%" summary="menubar" cellspacing=0 border=0 rules="none" frame="void">
<tr valign="top">
<?php
echo("<td rowspan=2 height=35 width=".$templatemenubarlcwidth.">");
?>
<div id="menubartl"></div>//верхняя левая картинка
<td height=20>
<div id="menubartop"></div>//верхняя картинка
<?php
echo("<td rowspan=2 height=35 width=".$templatemenubarlcwidth.">");
?>
<div id="menubartr"></div>//верхняя правая картинка
<tr>
<td rowspan=2 height=30 valign="middle" align="center">
<span id="menubar">
<?php
include($modulespath."menubar.php");
?>
</span>
<tr valign="bottom">
<?php
echo("<td rowspan=2 height=".$templatemenubarbottomheight." width=".$templatemenubarlcwidth.">");
?>
<div id="menubarbl">//нижняя левая картинка
</div>
<?php
echo("<td rowspan=2 height=".$templatemenubarbottomheight." width=".$templatemenubarlcwidth.">");
?>
<div id="menubarbr"></div>//нижняя правая картинка
<tr valign=bottom>
<?php
echo("<td valign='bottom' height=20>");
?>
<div id="menubarbottom"></div>//нижняя картинка
</table>
</div>
CSS:
Код:
table
{
margin:0px;
border:none;
outline: none;
}
.mbar div
{
position:relative;
font-size:0;
display:block;
overflow: hidden;
margin:0px;
outline: none;
border:none;
}
#menubartop
{
height:20px;
background: url('images/menubartop.gif');
}
#menubarbottom
{
height:20px;
background: url('images/menubarbottom2.gif') ;
}
#menubartl
{
width:116px;
height:35px;
background: url('images/menubartl.gif')t;
}
#menubartr
{
height:35px;
background: url('images/menubartr.gif');
}
#menubarbl
{
height:35px;
background: url('images/menubarbl.gif');
}
#menubarbr
{
height:35px;
background: url('images/menubarbr.gif');
}
#menubar
{
font-size:16px;
font-family:"Arial Black";
color:#DDDDFF;
text-align:center;
}