Верстка в первый раз - в чем ошибка?

[CHEBURNATOR]

Добрый день, уважаемые форумчане!

 

Совсем недавно друг попросил сверстать ему Лендинг из 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>Просьба не прелагать переделывать блочной версткой, я в ней пока что не разбираюсь.

Раз уж выбор пал на Дримвивер и табличный способ - просьба помочь реализовать в данном способе, если конечно это возможно.

[wwt]

Был выбран табличный тип верстки.

плохо.

как можно исправить данный косяк?

попробовать сверстать по человечески, а не способом который применялся в прошлом веке.

Просьба не прелагать переделывать блочной версткой, я в ней пока что не разбираюсь.

 

если вы потратите пол часа времени то поймете что верстать блоками проще чем таблицами.

[Vlad_P]

А зачем вы вообще заморачивались с версткой - выложили бы картинку на хостинг, и все... ну мета тэгов бы пару добавили, текста ради

У вас ничего не съезжает. у вас отображается ваш фон (из которого и состоит сайт)

[CHEBURNATOR]

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

Но я так понимаю из за специфики разного подсчета браузеров это не прокатит?

 

P.S>все советы аля "зачем вы вообще заморачивались с версткой - выложили бы картинку на хостинг, и все" - вы зачем это пишите?

То что вам очевидно, мне не понятно. 

[Vlad_P]

А они и должны совпадать. А если уж пытаться добиться, чтобы это хоть как-то выглядело. можно попробовать высоту столбцов задавать (достаточно задать 1 столбцу из строки) и указать высоту строки для всего сайта. ну или для отдельных текстов. А еще прописать везде поля и отступы равными 0. А еще лучше решить, что первый блин комом

[klierik]

Сам Dreamveawer все показывает идеально:http://joxi.ru/KAxzoMyfy0yQm8

 

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

тем более телепаты, в предверии новогодних праздников, ушли в отпуск