Нужен совет

[Barsam]

Здравствуйте, коллеги!

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

Макет странички представлен ниже. ширина стандартная 1200px;

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

У меня есть несколько идей как это сверстать, но не могу выбрать направление. Буду благодарен за Ваше мнение и обоснование мнения.

1. Стандартная табличная вёрстка. Но мне кажется несолидно!

2. Разделить весь фон сайта на 3 кусочка, и просто поверх разместить текст и картинки "по делу". Плюс: несомненно лучше иметь одну большую картинку, чем много мелких. Минус: непрофессионально..

3. Сделать "слоёный пирог". Взять однотонный фон, элементы функционала и декора, и с помощью z-index и position: absolute/fixed разместить как надо. Такого никогда не делал, но метод мне кажется смонительным... думаю такого же мнения будут придерживаться поисковые роботы.

4. Разрезать макет на 8-10 логических кусков. div-ами их соеденить, и уже поверх делать вёрстку функциональных элементов. Думаю это самый правильный вариант.

Edited October 22, 2012 by Barsam

[npofopr]

Судя по рисунку у вас только 2 радиальных градиента.

По рисунку ничего не понятно. Все зависит от градиентов. linear-gradient и тому подобное вам наверно помогут.

Но это все для современных браузеров. Можно конечно всяких фиксов навесить еще)

Edited October 22, 2012 by npofopr

[Barsam]

Нет, я не буду делать градиенты методами вёрстки. Они будут img png.

Тут дело не в наложении градиентов, а в том, как сверстать страничку, если на 70-80% она состоит из не однотонных изображений.

Сам подход меня интересует.