Обрезка слишком широкого фона

Тема в разделе "Верстка", создана пользователем mirek, 10 окт 2012.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. mirek

    mirek Постоялец

    Регистр.:
    11 июн 2011
    Сообщения:
    149
    Симпатии:
    4
    Хочу сделать шаблон с фиксированной шириной. Но на макете фон имеет по ширине 1280 точек/пикселей

    Использовать его в режиме заливки не получится. Делать весь шаблон 1280 точек по ширине из-за фона тоже не хочу.

    А как сделать так, что-б фон обрезался по бокам в зависимости от разрешения экрана ?
     
  2. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.140
    Симпатии:
    671
    для body фоном сделай
     
    mirek нравится это.
  3. BaNru

    BaNru Постоялец

    Регистр.:
    20 ноя 2008
    Сообщения:
    126
    Симпатии:
    52
  4. mirek

    mirek Постоялец

    Регистр.:
    11 июн 2011
    Сообщения:
    149
    Симпатии:
    4
    Проблема в том, что фон отцентрирован по верху и по центру (по горизонтали).

    Фон полупрозрачный и такого эффекта как на макете можно добиться только комбинируя фон с цветом или еще одним фоном в режиме заливки

    При этом заливка или цвет заданный в body выскакивает почему-то наверх
     
  5. BaNru

    BaNru Постоялец

    Регистр.:
    20 ноя 2008
    Сообщения:
    126
    Симпатии:
    52
  6. Nadaff

    Nadaff Писатель

    Регистр.:
    25 окт 2012
    Сообщения:
    5
    Симпатии:
    0
    Возьми весь сайт в блок <div id="..."><div/>, задай ему бэкграунд - свою картинку, в стилях отцентрируй и добавь атрибут overflow:

    Код:
    overflow:hidden; - /*этот атрибут режет края, выходящие за пределы экрана, блока и.тп.
     
     
     
    (при необходимости дай размеры min-width, max-width*/
     
     
     
    position:relative;
     
     
     
    /*если понадобится можно еще добавить прозрачности: */
     
     
     
    opacity:0.9;
     
  7. mirek

    mirek Постоялец

    Регистр.:
    11 июн 2011
    Сообщения:
    149
    Симпатии:
    4
    спс. уже разобрался. body задал цвет, а блоку над body фон и все ОК
     
Статус темы:
Закрыта.