Вёрстка IE 6-7
10 сообщений
#13 лет назад
Здравствуйте.Верстаю сайт. Несколько часов уже мучаюсь с глюком в IE 6-7.
Такая картина в "нормальном" браузере: ссылка
Так оно выглядит в осле: ссылка
Элементы меню здесь выглядят следующим образом:
<ul>
<li><table><tr><td></td><td><a href="..">Ссылка</a></td><td></td></tr></table></li>
</ul>
Все отступы равны нулю.
Код странички довольно громоздкий, чтобы выкладывать здесь листинг. Если нужно будет - запакую в архив.
Может кто-нибудь сталкивался уже с этим?
Спасибо
1 сообщение
#13 лет назад
Html<table cellspacing="0">
css
table {
border-collapse: collapse;
}
td {
padding:0;
}
Если не поможет, готов поймать архив.
10 сообщений
6863 сообщения
#13 лет назад
И с какой целью там "<table>"??? Может, лучше нормальный код написать?На худой конец, попробуйте "display:block" для всех табличных тегов (естественно, касается только этого фрагмента). Не приходило в голову такую дурь испытывать, но может спасти.
П.С. Вот делать нечего - архив качать ))))) Тут все от скуки парятся.
10 сообщений
#13 лет назад
floppox, вообще-то там куча теней, которые без таблицы выровнять по линии будет проблематично. Центральный блок элемента li (тот, что с ссылкой) должен растягиваться по ширине текста. Т.е. в элементе есть тень под текстом, слева и справа от него. Если у Вас есть более рациональное решение - прошу в студию.Цитата ("floppox"):
На худой конец, попробуйте "display:block" для всех табличных тегов
Таблицы разъезжаются. ссылка
П.С.: Архив был залит не для Вас и даже по запросу
6863 сообщения
#13 лет назад
Да, у меня есть более рациональное решение - научится семантичной верстке. К сожалению, бесплатные уроки не пишу.
99 сообщений
#13 лет назад
Vertical-align: top; для ul ?
10 сообщений
#13 лет назад
Цитата ("floppox"):Да, у меня есть более рациональное решение - научится семантичной верстке. К сожалению, бесплатные уроки не пишу.
Жаль
Цитата ("antonius1980"):
Vertical-align: top; для ul ?
Спасибо. Всё заработало

Всем спасибо, тема закрыта