Растяжка Градиентов по ширине окна

@tree85 · Регистрация: 27.06.2012

Author24 — интернет-сервис помощи студентам

Всем Добрый День!!

Возникла проблема и не знаю можно ли её решить..

Есть страничка, грубо говоря, состоит из трех блоков: header, content, footer. Проблема заключается в том, что по краям у этих блоков находятся градиенты., которые должны тянутся по ширине окна... Сама страничка имеет фиксированный размер. Подскажите как быть или в какой путь мне собираться?

@Ванеек · 21.12.2012, 16:09

А можно на код(который есть)посмотреть?

@tree85 · 23.12.2012, 10:08 **[ТС]**

кода никакого пока нет, потому-что сразу встает вопрос реализации растяжки градиента. Т.е. не могу понять с какой стороны подойти, чтобы была возможность реализовать задуманную идею. Примерно, я предполагаю, что есть три блока , а к ним привязаны как бы " уши " градиенты.... но вот как реализовать их растяжку по-ширине окна, не могу понять...? Есть какие-нибудь идеи ...?

@maximus2011 · 23.12.2012, 10:50

А что если сделать фоны для каждого блока в фотошопе и установить их repeat-y, думаю это поможет.

@tree85 · 26.12.2012, 09:34 **[ТС]**

Тогда он будет тиражироваться, а не растягиваться по ширине. Проблема в том, что градиент имеет значения от 72.72.71 до 5А5959. Вот и надо чтобы он всегда растягивался в этих значениях. А, если нарисовать градиент, допустим шириной в 50px, то при увеличении экрана, например на 500px, изображение повториться десять раз, т.е. соотвественно, от 72.72.71 до 5А5959 , от 72.72.71 до 5А5959 , от 72.72.71 до 5А5959 и так десять раз .

@sleshiy · 26.12.2012, 16:33

Поэкспериментируйте с фильтром gradient.

@tree85 61 / 61 / 0 Регистрация: 27.06.2012 Сообщений: 219
		1
	Растяжка Градиентов по ширине окна 21.12.2012, 15:36. Показов 1113. Ответов 5 Метки нет (Все метки) Всем Добрый День!! Возникла проблема и не знаю можно ли её решить.. Есть страничка, грубо говоря, состоит из трех блоков: header, content, footer. Проблема заключается в том, что по краям у этих блоков находятся градиенты., которые должны тянутся по ширине окна... Сама страничка имеет фиксированный размер. Подскажите как быть или в какой путь мне собираться? Миниатюры 0

@Ванеек 68 / 68 / 1 Регистрация: 21.12.2012 Сообщений: 458
	21.12.2012, 16:09	2
	А можно на код(который есть)посмотреть? 0

@tree85 61 / 61 / 0 Регистрация: 27.06.2012 Сообщений: 219
	23.12.2012, 10:08 [ТС]	3
	кода никакого пока нет, потому-что сразу встает вопрос реализации растяжки градиента. Т.е. не могу понять с какой стороны подойти, чтобы была возможность реализовать задуманную идею. Примерно, я предполагаю, что есть три блока , а к ним привязаны как бы " уши " градиенты.... но вот как реализовать их растяжку по-ширине окна, не могу понять...? Есть какие-нибудь идеи ...? 0

@maximus2011 269 / 261 / 35 Регистрация: 21.02.2012 Сообщений: 1,078
	23.12.2012, 10:50	4
	А что если сделать фоны для каждого блока в фотошопе и установить их repeat-y, думаю это поможет. 0

@tree85 61 / 61 / 0 Регистрация: 27.06.2012 Сообщений: 219
	26.12.2012, 09:34 [ТС]	5
	Тогда он будет тиражироваться, а не растягиваться по ширине. Проблема в том, что градиент имеет значения от 72.72.71 до 5А5959. Вот и надо чтобы он всегда растягивался в этих значениях. А, если нарисовать градиент, допустим шириной в 50px, то при увеличении экрана, например на 500px, изображение повториться десять раз, т.е. соотвественно, от 72.72.71 до 5А5959 , от 72.72.71 до 5А5959 , от 72.72.71 до 5А5959 и так десять раз . 0

@sleshiy 237 / 214 / 43 Регистрация: 12.12.2011 Сообщений: 917
	26.12.2012, 16:33	6
	Поэкспериментируйте с фильтром gradient. 0