Добрый день, уважаемые форумчане!
Совсем недавно друг попросил сверстать ему Лендинг из PSD файла.
Визуально лендинг не сложный, поэтому я согласился.
С версткой до этого особо опыта не имел.
В процессе вертски я сталкивался со всевозможными пролемами, которые удавалось решить с помощью гугла и форумов верстальщиков, за что вам огромное спасибо.
Но одну проблему я так и не победил. Перехожу к сути:
Дано: домен
http://водоканал-сервис.рф
Что хотел получить согласно макету PSD:
http://joxi.ru/a2X3ZYMCq9qDmg
Для верстки решил использовать Dreamveawer CC2015.
Был выбран табличный тип верстки.
Все вроде получилось кроме одного НО - в разных браузерах таблицы съезжают с фона!
Причем в каждом браузере по своему.
Сам Dreamveawer все показывает идеально:
http://joxi.ru/KAxzoMyfy0yQm8
Однако в браузере все совсем не так.
Все съезжает постоянно:
http://joxi.ru/BA0p0bgF5R53Ay
В одном браузере подправишь - в другом вылезет.
Что было выяснено в процессе изучения форумов и гугла: Как я понял данный косяк проявляется из-за того, что браузеры по разному трактуют высоту пустых ячеек.
Законочерно вопрос - правильна ли моя догадка? Если да - то как можно исправить данный косяк?
Если нет - то где копать?
Возможно ли что это связано с тем - что я очень много элементов занес в фон - посчитав так упростить себе работу?
Вот картинка фона для понимания сколько я занес в фон:
http://joxi.ru/n2Yka0GI3DqGr6
Так же прилагаю код главной страницы:
http://pastebin.com/r6acX0ip
Код CSS:
http://pastebin.com/ud7hkZjb
Спасибо всем откликнувшимся!
P.S>Просьба не прелагать переделывать блочной версткой, я в ней пока что не разбираюсь.
Раз уж выбор пал на Дримвивер и табличный способ - просьба помочь реализовать в данном способе, если конечно это возможно.