Перейти к содержимому


Партнерская программа Kredov

Как сделать фоновое изображение по центру экрана.

#1 hnerd

hnerd
  • Пользователь
  • 284 сообщений
  • Репутация: 18
0

Отправлено 15 Февраль 2015 - 08:51

К примеру у меня есть фоновое изображение какого-то блока. Оно располагается по ширине 100%, а высота там фиксированная, не auto. Главная картинка фона находится по середине, задний фон по бокам и ссзади. При уменьшении экрана главная картика фона съезжает в бок и по центру располагается задний фон слева и половина главной картинки, а как сделать так, чтобы она оставалась по центру, а задние фоны по бокам исчезали с уменьшением экрана?


 

 

  • 0

#2 Ixman

Ixman
  • Пользователь PRO
  • 2 165 сообщений
  • Репутация: 436

Отправлено 15 Февраль 2015 - 10:01

Если правильно я вас понял, то картинку как правило выравнивают таким способом:

margin:0 auto

  • 1

#3 TimurR

TimurR
  • Пользователь PRO
  • 831 сообщений
  • Репутация: 180

Отправлено 15 Февраль 2015 - 12:59

hnerd, если можно ссылку или скрины до и после съезда картинки. Возможно такое решение:

.myclass {
  background: url('etc/bg.jpg') top center;
} 

Почитайте про позиционирование фона тут http://htmlbook.ru/c...ground-position


  • 1

Рекомендую хостинг: www.ihc.ru

Разработка сайтов / Дизайн / Верстка - писать в л.с.



#4 hnerd

hnerd
    Topic Starter
  • Пользователь
  • 284 сообщений
  • Репутация: 18

Отправлено 15 Февраль 2015 - 16:01

TimurR, Спасибо, то что нужно!


  • 0


Оформление форума – IPBSkins.ru