background-image

[Хелкар]

в css написано следующее

#main_content {

background-image: url(images/content_bg.jpg);

height: 554px;

padding-top: 20px;

padding-left: 30px;

padding-right: 30px;

background-repeat: no-repeat;

}

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

height: auto;

но почему то как было так и осталось. в чем может быть проблема?

Edited January 24, 2012 by Хелкар

[sammasati]

Фоновая картинка не растягивается вообще. Ну, вроде, только в css3 это можно сделать.

А проблему можно решить, задав ещё и цвет фона:

background-image: #зеленый url(images/content_bg.jpg);

Edited January 24, 2012 by sammasati

[Хелкар]

картинка вообще пропла

[sammasati]

Я надеюсь, вы заменили "зеленый" на hex-значение какого-нибудь цвета? Например, на #9BC428

[Хелкар]

естественно) вот так вышло

#main_content {

background-image: #00FF00 url(images/content_bg.jpg);

height: 554px;

padding-top: 20px;

padding-left: 30px;

padding-right: 30px;

background-repeat: no-repeat;

}

[lexxcode]

Вот пример на CSS3 но это для правильных мальчиков и девочек браузеров.

иначе нужно заливать фон цветом как говорит sammasati

background:url(images/content_bg.jpg) no-repeat 0 0 #0f0; 

UPD: В background-image нельзя цвет вставлять

Edited January 24, 2012 by alexriz

[sammasati]

background-image: #00FF00 url(images/content_bg.jpg);

Заменить на

background: #00FF00 url(images/content_bg.jpg) no-repeat;

[Хелкар]

вот теперь заработало,всем спасибо