Question

Скажу сразу, что я далеко не гуру и никаких претензий у Битрикс - это лишь мое незнание. Просто хочу обратить внимание новичков, типа меня на один нюанс над которым несколько дней бился.
Создал таблицу с помощью визуального редактора Битрикс, все отлично, но высота строк в IE и Firefox разная.


Сокращенный код таблицы:

Код

<p align="left">     <table cellspacing="0" cellpadding="3" width="100%" bgcolor="#eeece8" border="1">       <tbody>         <tr bgcolor="#c0c0c0"><td>             <p align="center"><strong><font size="2">Город</font></strong></p>           </td><td>             <p align="center"><strong><font size="2">Компании</font></strong></p>           </td><td>             <p align="center"><strong><font size="2">Телефоны</font></strong></p>           </td><td>             <p align="center"><strong><font size="2">Адрес</font></strong></p>           </td><td>             <p align="center"><strong><font size="2">e-mail</font></strong></p>           </td></tr>                <tr><td>             <p align="left"><font size="1">Самара</font></p>           </td><td><font size="1">               <p align="left"><font size="1">«Поволжское представительство БИРСС»</font></p>             </font></td><td><font size="1">               <p align="left"><font size="1">(8462) 60-19-21</font></p>             </font></td><td><font size="1">               <p align="left"><font size="1">443080,                   <br />                 г. Самара, ул. Гаражная, д. 10</font></p>             </font></td><td>             <p align="left"><a class="maildilers" href="mailto:birss@samtel.ru" >birss@samtel.ru</a></p>           </td></tr>   </tbody>     </table>   </p>

На форуме html мне пояснили, что:
"1. Нельзя вкладывать <p> в <p>, все структурные элементы строятся на блоках - <div></div>. А <p> это только лишь параграф или абзац текста, он принципиально не может быть вложенным в другой параграф. В результате при таком как у вас использовании броузер закрывает предыдущий параграф, как только встречает начало нового. Получается не совсем то, что хотелось бы.
2. По-умолчанию параметры отступов у <p> у разных броузеров различаются, отсюда разный размер ячеек таблицы. Надо отступы задавать в css."

Почистил код, добился желаемого результата:

Код

<table cellspacing="0" cellpadding="3" width="100%" bgcolor="#eeece8" border="1">       <tbody>         <tr align="center" bgcolor="#c0c0c0"><td>             <strong><font size="2">Город</font></strong>           </td><td>             <strong><font size="2">Компании</font></strong>           </td><td>             <strong><font size="2">Телефоны</font></strong>           </td><td>             <strong><font size="2">Адрес</font></strong>           </td><td>             <strong><font size="2">e-mail</font></strong>           </td></tr>                <tr><td>             <font size="1">Самара</font>           </td><td><font size="1">               <font size="1">«Поволжское представительство БИРСС»</font>             </font></td><td><font size="1">               <font size="1">(8462) 60-19-21</font> &nbs

Answer 1

Цитата
Владислав Чичинёв пишет: По-умолчанию параметры отступов у <p> у разных броузеров различаются, отсюда разный размер ячеек таблицы.

Вот ответ на ваш вопрос, а включать таблицу в <p></p> не нужно.

Answer 2

Дмитрий Яковенко,
Да, теперь я понял.
Просто когда таблицу в визуальном редакторе делал, на кнопку вставить таблицу нажал, выставил рамку, количество строк и столбцов, нажал ОК. Выделил таблицу - отцентрировал. :D Далее, внес заголовки таблицы, выделил их - отцентрировал. :D Внес весь остальной контент в таблицу, выделил - по левому краю выровнял. :D Отсюда и многочисленные <p>. Как бы машинально все время на кнопки выравнивания нажимал, не думая, что это может к таким проблемам привести. :(

Answer 3

По идее, проблема то и не в <p>, т.к. таблица и ее ячейки это уже отдельные блоки.
Проблема в margin у <p>, а вернее в значении margin у <p> по умолчанию в разных браузерах.