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