Вопрос по разметке страницы
 

Приветствую всех! Господа, у меня вопрос ... я бы даже сказал проблема. Преследует она меня уже давно, сейчас появилась необходимость, острая необходимость ее решить. Все дело в html-разметке страницы.

У меня есть задание сверстать макет сайта в html, что бы его потом на CMS забить. Ну естественно все мы образованные и хотим все сделать качественно, потому должна верстка быть одинаково красивой в браузерах Opera, Mazilla, IE, FireFoX... ну и в остальных тоже ) Да, задачка сложная, по крайней мере для меня на данном этапе. Как я не изгалялся, целый день сидел и правил код который я написал. То во всех работает, в одном не работает, то 50/50, то вообще никак ) Основная проблема, это правильно скодить часть body (код разбит на header, body, footer), что бы он при переполнении информацией правильно растягивался, не "пряча" информацию в низу страницы, так у меня часто бывало в опере (это раз), и что бы при развороте страницы "на полный экран" хидер был вверху, боди растягивался, а футер, будь он трижды проклят, всегда (ВСЕГДА) был прижат к низу экрана. Из последних попыток у меня везде все работало, а в опере таблица body наотрез отказывалась растягиваться по height="100%". Я уж не говорю про верстку слоями, с ней у меня пока что трудно, хотя бы разобраться с этой проблемой. Что писать нужно для этого и самое главное чего писать не следует (ибо бывало убирал какой нить id или стиль и все работало по неизвестным мне причинам). Понимаю, куча стандартов и правил для каждого браузера, но есть же наверно какие то особые методы что бы избежать такого рода багов.

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

Надеюсь на помощь, заранее спасибо!