Форум Сайтостроение Веб-строительство

FireFox: <div> в таблице

1C
На сайте с 10.09.2010
Offline
2
123UNIX.com
746

Здравствуйте!

Помогите, кто знает особенности дизайна под FireFox.

Сделал менюшку на <div>, но дизайн сайта остался в таблицах.

И вот, во всех броузерах - Opera, Safari, EE - меню выглядит нормально - активная кнопка занимает всю высоту полоски меню,

а в FireFox <div> меню почему-то распирает по вертикали вверх поле <td> и всю строку таблицы, в которой находится. Кнопки лежат внизу.

Как такое устранить?

Спасибо!

Администрирую Linux & UNIX удалённо
B3
На сайте с 01.04.2010
Offline
82
Byblick32
#1

Проблемный кусок кода был бы как раз кстати.

1C
На сайте с 10.09.2010
Offline
2
123UNIX.com
#2

Фрагмент меню внутри таблицы: 

<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <FORM action=search.php method=get>

   <tr bgcolor="A1A2A2"><td height="20" bgcolor="A1A2A2"

     align="right" valign="middle">

	<div id="tabs">

<ul>

	<li><a href="http://www.te.com.ua/index.php">Topaz-Electro</a></li>

	<li><a href="http://www.te.com.ua/service.php" >Инсталляции</a></li>

</ul>

</div>	</td><td align="right">

	      <input type=hidden name="UID" value=20101011214315>

		  <input type="text" name="search" size=20 >

		  <INPUT type=submit value="Найти" class=button1>&nbsp;&nbsp; 

  </td></tr>     

 </FORM>

</table>

Стиль: 

#tabs{

  font-size: 13px;

  font-family: Verdana;

  text-align: left;

  width: 100%;

  line-height:normal;

  position: relative;

  top: 0;

  left: 0;

  z-index: 0;

  background-color: #A1A2A2;

}
P
На сайте с 19.03.2009
Offline
17
poyzn
#3

#tabs ul {

margin:0;

}

Помогу с вёрсткой, html, css, js, jquery, php, mysql ($) icq 8938933 Быстрый, удобный и недорогой хостинг (http://sweb.ru/p17046) Виза в Великобританию (http://www.englishexpert.ru/velikobritaniya/viza/viza-v-velikobritaniu/)
1C
На сайте с 10.09.2010
Offline
2
123UNIX.com
#4
poyzn:
#tabs ul {
margin:0;
}

Заработало!

Вот, что значит опыт...

Спасибо!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий