Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > табличная верстка в FireFox


Автор: edwos 26.5.2008, 10:45
Добрый день!

Быстро накидал сайтик, сверстал,  а в FireFox появились расстояние между строками и ячейками таблицы.
Как это можно исправить ?
Заранее благодарен.
http://promobook.ru
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
<head>
 <title>ПромоМаркет. Мы работаем на Ваш успех.</title>
 <!-- Meta http equivalent was here                                       -->
 <meta name="KeyWords" content="ораганизация концертов,продвижение,продюсерский центр,музыка,модель,бизнес,агентство" />
 <meta name="Description" content="ПромоМаркет - мы работаем на Ваш успех. Продюсерский центр." />
<style type="text/css"><!--
BODY {
 background:  #FFFFFF;
 color: #000000;}
A:link {color: #C0C0C0}
A:visited {color: #C0C0C0}
A:active {color: #808080}
A:hover {color: #808080}
--></style>
</head>
<body bottommargin="0"  topmargin="0" >
<table border="0"  cellpadding="0" cellspacing="0" height="100%" align="center">

  <tr>
    <td colspan="2" ><img src="images/main_01.jpg" height="133" width="1024" alt="" border="0" /></td>
  </tr>
  <tr>
    <td><img src="images/main_02.jpg" height="84" width="539" alt="" border="0" /></td>
    <td><img src="images/main_03.jpg" height="84" width="485" alt="" border="0" /></td>
  </tr>
  <tr>
    <td colspan="2">

     <table  border="0" cellpadding="0" cellspacing="0" > 
        <tr>
          <td>
           <table  cellpadding="0" cellspacing="0" border="0">
             <tr>
               <td><img src="images/main_04.jpg" height="229" width="341" alt="" border="0" /></td>
             </tr>
             <tr>
               <td><img src="images/main_08.jpg" height="95" width="341" alt="" border="0" /></td>

             </tr>
           </table>
          </td>

          <td>
            <table border="0"  cellpadding="0" cellspacing="0">
             <tr>
               <td><img src="images/main_05.jpg" height="95" width="342" alt="" border="0" /></td>
             </tr>

             <tr>
               <td><img src="images/main_07.jpg" height="229" width="342" alt="" border="0" /></td>
             </tr>
           </table>
          </td>
          <td>
            <table  border="0" cellpadding="0" cellspacing="0">
             <tr>
               <td><img src="images/main_06.jpg" height="241" width="341" alt="" border="0" /></td>

             </tr>
             <tr>
               <td><img src="images/main_09.jpg" height="83" width="341" alt="" border="0" /></td>
             </tr>
           </table>
         </td>
        </tr>
     </table>
     
  </tr>

  <tr>
    <td height="%100"></td>
  </tr>
  <tr>
    <td colspan="2"><img src="images/main_11.jpg" height="95" width="1024" alt="" border="0" /></td>
  </tr>
</table>
</body>
</html>



Автор: bars80080 26.5.2008, 12:23
прежде всего поставить в стили:
Код

* { margin: 0px; padding: 0px; }

и посмотреть что происходит.

имхо: свёрстано довольно грязно и наверняка структуру можно было бы организовать по другому. это как раз вариант, где лучше бы подошла вёрстка слоями.

я бы ещё поудалял лишние пробелы между строчками и ячейками

Автор: SelenIT 26.5.2008, 12:26
Как вариант - поменять доктайп на transitional (со ссылкой на DTD). Правда, это может перестать помогать в IE 8 (где будет та же проблема).

Подробности и другие варианты решения - в поиске по ключевым словам "Images, Tables, and Mysterious Gaps".

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)