Показать сообщение отдельно
  #1  
Старый 01.12.2008, 17:58
Аватар для KOOL
KOOL KOOL вне форума
Активный
 
Регистрация: 06.01.2008
Адрес: Рязань
Сообщения: 306
Версия Delphi: 2009
Репутация: 6150
По умолчанию Зазоры между div'ами

делаю шаблон для сайта, столкнулься со следующей проблемой: между блоками 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;
}
Изображения
Тип файла: png mb.PNG (5.6 Кбайт, 13 просмотров)
__________________
РГРТУ - ФВТ - Системы Автоматизированного ПРоектирования. ت
Ответить с цитированием