У таблиц отрывает голову

[tt48]

Доброго времени суток.

Есть страничка - http://beavers-net.narod.ru/ie_vs_tables.html

http://beavers-net.narod.ru/style2.css - стили страницы.

верстка вся табличная и табличка разъезжается постоянно, несмотря на проставленные

значения border: none; border-collapse: collapse; padding:0; margin:0;

table.article_header{
	padding: 0;
	margin: 0 auto;
	border: none;
	border-collapse: collapse;
	height: auto;
	width: 90%;
	text-align: left;
	vertical-align: top;
	margin-bottom: -40px;
	/*overflow: hidden;*/
}
table.article_header tr td{
	background: #dadada;
	padding: 0;
	margin:0;
	border: none;
}

Ну и второстепенно - в ие выпадающий список постоянно куда-то вправо уезжает прилично.. И список отрывается

от кнопки..

Думаю прописать ему жестко через условные комментарии отдельную css- ку, но мож есть вариант получше..

С уважением, Олег.

Edited October 6, 2010 by tt48

[Vlad]

Проблема в коде и в этом рисунке - images/jh4.jpg

Похоже, что высота ему задана больше чем нужно. Еще рекомендую пройтись валидатором по HTML и исправить ошибки.

Вот этот рецепт еще может помочь.

http://htmlbook.ru/faq/kak-razmestit-slitn...drug-pod-drugom

[tt48]

Проблема в коде и в этом рисунке - images/jh4.jpg

Похоже, что высота ему задана больше чем нужно. Еще рекомендую пройтись валидатором по HTML и исправить ошибки.

Вот этот рецепт еще может помочь.

http://htmlbook.ru/faq/kak-razmestit-slitn...drug-pod-drugom

Валидатор ничего особенного не нашел - noscript не в том месте, то, что яндекс прописал и пр. - ничего относящегося к верстке.

Картинке сделал float - голова приросла пока что.

Спасибо.

Еще вопрос - при увеличении масштаба таблица теряет правую-левую колонку вместе с декорациями...overflow: visible не помог...

Подозреваю, что это из-за фикса ширины бордюрных колонок и процентной ширины среднего столбца...

Наверное, засуну это в див с процентной шириной и поставлю среднему столбцу ширину авто...вот не уверен, что сработает..

——————--> Стало даже несколько хуже. Впрочем, увеличение 240% выдерживает и ладно.

Может есть какой вариант получше?

*а в ИЕ такого бага нет %0

Еще вопрос - в ИЕ при масштабе, отличном от 100%, картинка приобретает светло-серую окантовку... отрубил все border - все равно.

———————————————

Окантовка - наиболее ярко выражена в ИЕ, но присутствует везде. Не лечится.

Обрезка таблицы - ставим таблице (table) значение ширины, какое надо, ставим фикс ширины для боковых колонок, какой надо...а для средней ячейки ставим auto.

Тормозит отрисовка\некрасивая отрисовка таблицы через jquery toggleslide - таблицу засовываем в блок с любым display , а таблице прописываем нормальный dispalay (inline as a prime), устанавливаем размеры (жесктие) - и все ок. Плавно работает.

——————————————--

Еще раз спасибо, за указание на ошибку - размер картинки. Я бы убился, но не заметил.

Удачного всем коддинга.

С уважением, Олег.

Edited October 7, 2010 by tt48

[tt48]

Новая проблема - ИЕ не хочет нормально растягивать таблицу.

при уменьшении до 50% и ниже текст магическим образом не обрезается overflow:hidden;

сама табличка не растягивается и распололжить кнопку "содержание" ниже хоть на 5 пикселей не хочет,

несмотря на абсолютное позиционирование.

Не критично, но раздражает.

Заранее спасибо.

[Great Rash]

Короче предлагаю вам переписать все на дивах и перестать мучиться.