Растягивается дизайн в Мозилле и IE

[puteviy]

Здравствуйте, решил тряхнуть стариной и что-то наваять в чистом хтмле. В Хроме все нормально, а вот в Мозилле и Эксплорере дизайн растягивается и получается совсем унылое зрелище. В чем может быть дело? http://seoyadro.ru Там проблема в растяжке элемента в меню слева.

Только прошу сильно не пинать и не кривляться в мою сторону 

[klierik]

Firefox: http://take.ms/0UGUX
Chrome: http://take.ms/FmbsC

Проблем не вижу

[puteviy]

Ну как же не видите. Видите дизайн в Мозилле даже на вашем рисунке неправильный, а в хроме на вашем скрине все норм. Не хочет растягиваться в мозилле элемент 

<TD background="images/stvol.jpg" WIDTH=44 HEIGHT=100%>

</TD>

 

В этом и проблема.

[klierik]

Это особенность рендеринга таблиц в разных браузерах.

У меня такое ощущение что данная страница была создана в Dreamweaver (или каком-то аналоге) со всеми вытекающими. Так верстали в конце 90-х - начало 2000-х. Данная вёрстка, мягко говоря, не современна. Добиться одинаковой картинки будет или сложно или не возможно при данных параметрах.

Но могу ответить на вопрос в чем проблема — дело в том что ячейки таблицы ведут себя так как им "говорит" браузер. Если в ячейки у вас картинка, то это не значит что высота ячейки будет в ровно картинки. Она может быть больше. Так же атрибут height="100%" для ячейки так же скользкий приём и он не будет везде работать одинаково. Я допускаю что эту проблему можно решить, нов  ходе решения 100% появится другая из-за того что сам подход в написании верстки не верный, не современный, да и в корне не объективный. Честно говоря, мало кто "сегодня" захочет даже смотреть на такую некро-вёрстку и пытается её "починить".

имхо: Учите как верстать div"ами со стилями, а не таблицами и атрибутами

[puteviy]

А если css добавить, то может прокатит? Есть ли решение с помощью css? Если есть, то какое?

Просто штудировать учебник, чтобы подправить дизайн, это не очень.

[klierik]

Дело не в том что бы "поправить дизайн" или "добавить css", дело в том что вся эта верстка не пригодна к использованию. В данном случае надо её писать с нуля, полностью, без исключения.

Или же оставить как есть и согласится с тем что где-то будет баг

[puteviy]

А этот конкретный можно подправить?

[sigma77]

Начните хотя бы с доктайпа...

После этого пройдите валидацию.

И исправьте ошибки http://clip2net.com/s/3xEgJZO

[puteviy]

Подробнее можно?

[sigma77]

Что именно не понятно?

[puteviy]

Доктайп, валидация. А ошибки на что исправить?

[sigma77]

http://htmlbook.ru/metki/doktaip

https://webref.ru/course/html-basics/valid-document

часть ошибок я вам указала, остальные, если они есть укажет валидатор

[puteviy]

Так а в чем там ошибки вы не можете подробнее?

[klierik]

я уже отвечал в чем именно проблема: https://htmlforum.ru/topic/56029-rastyagivaetsya-dizayn-v-mozille-i-ie/?do=findComment&comment=373529

3 часа назад, puteviy сказал:

А этот конкретный можно подправить?

Да, можно поправишь именно эту проблему, но потом вылезет другая аналогичная с другими ячейками (уже пробовал фиксить). В итоге будет, условно, бесконечный цикл багов которы надо фиксить, тем более под разные браузеры.

[puteviy]

Ясно, сделаю на вордпресс и не буду мучаться. Есть у вас на форуме инфа как менять дизайн шаблона вордпресс под свои наработки? Для новичка разумеется.

[Q4Dizzy]

изменять стили (css) шаблона под свои наработки.. Ну и прекратить использовать табличную вёрстку и вообще таблицы там, где они не требуются и углубится в изучение блочной вёрстки.

[Launder]

В 03.05.2016 в 15:36, puteviy сказал:

Просто штудировать учебник, чтобы подправить дизайн, это не очень.

Возможно "разобраться и сделать" более короткий путь, чем "попытаться сделать, не разобравшись"