IE тупит с таблицей

Леонид
На сайте с 22.10.2004
Offline
191
558

Все утро бьюсь не могу понять. Нужно было сверстать шапку сайта с меню, вот что вышло - http://twidium.com/index_test.htm. В FF и Опере все нормально, а в IE 8 таблица ползет, кошмар просто какой-то все перепробовал, все вычистил. Помогите пожалуйста!

TgNinja.com (https://tgninja.com) - первый облачный сервис для продвижения в Телеграм
C
На сайте с 04.02.2005
Offline
291
#1

смотреть в сторону resetCss

Леонид
На сайте с 22.10.2004
Offline
191
#2

Chukcha а можно по простому? Там явно какая-то мелочь которую я не заметил. Может подскажете где именно, ведь таблица с основным контентом отображается корректно?

P
На сайте с 25.05.2007
Offline
103
#3

Для TD, высота которых 4 и 2 пикселя задай font-size и line-height равными нулю. Должно помочь.

coolakov.ru/tools (http://coolakov.ru/tools/): определение конкурентов (http://coolakov.ru/tools/most_promoted/), кластеризация запросов (http://coolakov.ru/tools/razbivka/) и т.д.
Olldman
На сайте с 21.04.2010
Offline
79
#4
IE тупит с таблицей

- он рожден таким, тупит он не только с таблицами ;) , а вот вам тупить не следует.

1. Начать нужно с объявления !DOCTYPE

2. Сделать дефолтное обнуление всем элементам html (*{margin:0px;padding:0px;})

3. Это меню, т.е. список ссылок, оформлять его следует именно списком, а не таблицей.

4. у вас есть фон всего меню (images/menu_bk_2.png) - вырежте оттуда названия пунктов, их лучше сделать текстом, поставьте этот рисунок фоном элементу <ul>, а ссылки пропишите как положено в <li>.

p.s. script language="javascript" - не валидно, используйте описание типа скрипта, больше ничего не нужно, т.е.:

script type="text/javascript"

[Удален]
#5

<table border="0" width="950" cellspacing="0" cellpadding="0">

<tr>
<td width="4" height="4"><img border="0" src="images/lt.png" width="4" height="4">
<td width="792" height="2" bgcolor="#FFFFFF">
<td width="4" height="4"><img border="0" src="images/rt.png" width="4" height="4">
</tr>

<tr>
<td bgcolor="#FFFFFF" width="2" height="35">
<td bgcolor="#FFFFFF" height="35">

<img border="0" src="images/menu_bk_2.png" width="950" height="35">
<td bgcolor="#FFFFFF" width="2" height="35">
</tr>

<tr>
<td width="4" height="4"><img border="0" src="images/lb.png" width="4" height="4">
<td width="792" bgcolor="#FFFFFF" height="4">
<td width="4" height="4"><img border="0" src="images/rb.png" width="4" height="4">
</tr>

</table>

Хоть кто нибудь в код заглядывал? Ничего не пропустили? :)

Леонид
На сайте с 22.10.2004
Offline
191
#6

спасибо все, помогло для TD style="font-size: 0; line-height:0; margin:0px; padding:0px;"

[Удален]
#7
Леонид:
спасибо все, помогло для TD style="font-size: 0; line-height:0; margin:0px; padding:0px;"

В 8-й версии никаких изменений. Проверьте вёрстку на закрывающие теги и на предмет лишнего кода.

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