Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > условие фона, если разрешение экрана меньше 1280


Автор: Johny_03 22.1.2013, 11:51
Добрый день!
Имеется градиентный фон шириной 1280px
Сайт делаю шириной 1000px, остальное резиновое.
Возможно ли разделить градиентный фон (1280px) на три части (140px, 1000px, 140px), но чтобы при этом две боковые части (по 140px) появлялись только, если разрешение экрана пользователя меньше 1280px?
Хочу избежать появление горизонтальной полосы прокрутки на маленьком разрешении. А градиентный фон изменить тоже не желательно, иначе теряется задумка дизайна сайта.
Или может существует другой способ решения?

Код

<table width="100%">
 <tr>
  <td width="140px">здесь фон 140px  </td>
  <td width="1000px"> Здесь фон 1000px  </td>
 <td> width="140px">Здесь фон 140px  </td>
 </tr>
</table>


Заранее спасибо!

Автор: Gold Dragon 22.1.2013, 12:42
покажи картинку дизайна

Автор: Johny_03 22.1.2013, 13:13
вот картинка
http://s1.ipicture.ru/Gallery/Viewfull/21049045.html
горизонтальный серый фон в очень плавном и длинном градиенте

Автор: Gold Dragon 22.1.2013, 13:31
зачем тебе очень плавный и длинный градиент? человеческий глаз такого уже не увидит...

и я что-то не понял зачем тебе поля по 140px в таблице...
Тут достаточно простая вёрстка

Автор: Johny_03 22.1.2013, 14:31
хорошо, попробую уменьшить градиент

Автор: Gold Dragon 22.1.2013, 17:41
да не надо ничего уменьшать.. делай его по центу.. уменьшается экран - градиент по центру, увеличивается - там где не хватает добавь фоновый цвет (цвет крайний градиента)

Добавлено через 15 секунд
зачем тебе поле то 140px?

Автор: Johny_03 22.1.2013, 22:03
Цитата(Gold Dragon @ 22.1.2013,  17:41)
да не надо ничего уменьшать.. делай его по центу.. уменьшается экран - градиент по центру, увеличивается - там где не хватает добавь фоновый цвет (цвет крайний градиента)

Добавлено @ 17:42
зачем тебе поле то 140px?

То я для примера взял ширину 1280 (общая)-1000(рабочая ширина)=280(остаток)/2=140

Автор: Gold Dragon 22.1.2013, 22:48
так просто сделай отступ (padding) и не парься

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)