Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 23.05.2014 18:35

VasyOK
Новичок
Зарегистрирован: 23.05.2014
Сообщений: 1

Выравнивание изображения по центру средствами CSS.

Здравствуйте все! Простите ламера если вопрос простой я его реально долго пытаюсь решить.

Пытаюсь решить одну задачу по CSS уже и так ее и эдак  все равно никак sad

Вот сайт (тестовый): http://vasyok.arvixe.ru
Там изображение примерно такое есть Page-BgGlare.gif
http://vasyok.arvixe.ru/files/Verh.gif

Так вот когда сайт смотришь в нормальном разрешении – это изображение сильно «съезжает» вправо. Как сделать чтобы не съезжало?. Вот если страницу в браузере смасштабировать до 60% тогда все ОК.

Этот рисунок находится на этом слое:

Код:

#art-page-background-glare-image
{
    background-image: url('images/Page-BgGlare.gif');
    background-repeat: no-repeat;
    height: 687px;
    width: 1237px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

Отредактированно VasyOK (23.05.2014 18:44)

Нет на форуме

 

#2 29.05.2014 09:53

Aqvatarius
Новичок
Зарегистрирован: 28.05.2014
Сообщений: 8

Re: Выравнивание изображения по центру средствами CSS.

Прблема в самой картинке...
добавьте в класс строчку

background-position: center top;

и отредактируйте гифку... у нее с лейвой стороны транспрент зона... Ее нужно удалить.

Нет на форуме

 

#3 29.05.2014 09:55

Aqvatarius
Новичок
Зарегистрирован: 28.05.2014
Сообщений: 8

Re: Выравнивание изображения по центру средствами CSS.

По этому когда разрешение екрана уменьшается меньше чем ширина 1237пх, то эта транспарент зона упирается в левую сторону екрана и сдвигает правую за видимое окно.

Нет на форуме

 

Board footer

Как стать бесстрашным оратором - школа актерского мастерства .