Скажу сразу, что я далеко не гуру и никаких претензий у Битрикс - это лишь мое незнание. Просто хочу обратить внимание новичков, типа меня на один нюанс над которым несколько дней бился.
Создал таблицу с помощью визуального редактора Битрикс, все отлично, но высота строк в IE и Firefox разная.
[img]http://immortalist.users.photofile.ru/photo/immortalist/95265155/xlarge/106037236.jpg[/img]
[img]http://immortalist.users.photofile.ru/photo/immortalist/95265155/xlarge/106037229.jpg[/img]
Сокращенный код таблицы:
[code]<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>[/code]
На форуме html мне пояснили, что:
"1. Нельзя вкладывать <p> в <p>, все структурные элементы строятся на блоках - <div></div>. А <p> это только лишь параграф или абзац текста, он принципиально не может быть вложенным в другой параграф. В результате при таком как у вас использовании броузер закрывает предыдущий параграф, как только встречает начало нового. Получается не совсем то, что хотелось бы.
2. По-умолчанию параметры отступов у <p> у разных броузеров различаются, отсюда разный размер ячеек таблицы. Надо отступы задавать в css."
Почистил код, добился желаемого результата:
[code]<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>
</font></td><td><font size="1">
<font size="1">443080,
<br />
г. Самара, ул. Гаражная, д. 10</font>
</font></td><td>
<a class="maildilers" href="mailto:birss@samtel.ru" >birss@samtel.ru</a>
</td></tr>
</tbody>
</table> [/code]
Понимаю, что это элементарщина и каждый должен это знать и понимать. Но вдруг кому пригодится. И поправьте если не прав.
Спасибо.
