Нестандартное оформление рабочей области

Александр216 · 22.09.2011, 14:32

Как правило рабочая область сайта оформляется путем создания "обойного" фона, который повторяется на всем ее пространстве.

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

Как это оптимальней реализовать в html?

Niemans · 22.09.2011, 16:08

body c "однородной заливкой", внутри два контейнера <div class="bgTop"><div class="bgBottom">контент</div></div> и задать им градиенты с прозрачностью.
если я правильно понял.

vladendark · 22.09.2011, 17:56

<body>
<div id="header">задаем background 1</div>
<div id="content">задаем background 2</div>
<div id="footer">задаем background 3</div>
</body>
для body задаем background 4 итд итп

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Оформление - это +30% к конверсии!	Elena5919	Резюме	0	13.11.2016 08:56
Расширить периметр заданной области в Html-коде	KudesNIK	HTML, CSS, JavaScript	6	11.02.2011 10:27
Помогите сделать нестандартное выпадающее меню	zaqwsx_	HTML, CSS, JavaScript	4	26.10.2009 11:23
Задача сделать нестандартное меню	kvg95	HTML, CSS, JavaScript	5	16.05.2008 22:35
Ищу программиста в области Flash И PHP	nemos	Технологии Flash	11	17.03.2005 20:15

22.09.2011, 14:32	#1
Александр216	Как правило рабочая область сайта оформляется путем создания "обойного" фона, который повторяется на всем ее пространстве. Недавно задался вопросом: как создать сайт, у которого фон рабочей области будет неоднородным? Например (простейший вариант): вверху и внизу - градиенты, в середине - однородная заливка. При этом контент свободно, непрерывно ложится и на градиент и на обои. Как это оптимальней реализовать в html?

22.09.2011, 16:08	#2
Niemans	body c "однородной заливкой", внутри два контейнера <div class="bgTop"><div class="bgBottom">контент</div></div> и задать им градиенты с прозрачностью. если я правильно понял. Последний раз редактировалось Niemans; 22.09.2011 в 16:12..

22.09.2011, 17:56	#3
vladendark	<body> <div id="header">задаем background 1</div> <div id="content">задаем background 2</div> <div id="footer">задаем background 3</div> </body> для body задаем background 4 итд итп