Как сделать картинку резиновой в CSS ?

[jorj]

Пишу для сайта меню..проблема появилась.Как сделать картинку резиновой в CSS? Например: резиновая картинка width="100%" будет изменять ширину в зависимости от монитора посетителя(<img src="sayt.html" width="100%"/>).A как мне сделать тоже самое,только в CSS?
Например:
<div id="forum"></div>
#forum {background-image:url('http://sayt.jpg');

ЧТО НАДО ТУТ ДОБАВИТЬ???

}

 

[vla]

body, div /*итд*/ {
background-image:url(/img/image.gif); /*адрес фонового изображения*/
background-size:75%; /*размер фон.изобрадения*/
background-position:30% 50px; /*позиционирование по ширине и длине соответственно*/
background-repeat:no-repeat; /*Повторение (в данном случае без повторения)*/
background-attachment:fixed; /*в этом случае фоновое изображение не будет перемещаться при прокрутке страницы*/
}

[member=jorj], ответ на твой вопрос в третьей строке кода, но может и еще чтото пригодится...

#forum {background-image:url('http://sayt.jpg');background-size:100% 2em;}

мной прочитано пожже: http://htmlbook.ru/css/background-size

там сказано: background-size - это css3, поэтому, возможно, имеет смысл сделать это на JavaScript

 

[jorj]

Не помогает.Картинка не растягивается.

 

[BaNru]

Не помогает.Картинка не растягивается.

А проверяем в IE6-7?
В нем и не будет работать.

 

[jorj]

Не помогает.Картинка не растягивается.

А проверяем в IE6-7?
В нем и не будет работать.

Нет,проверяю в Opera 11 и в Google Chrome.

 

[BaNru]

Приведи код, который не работает.

 

[jorj]

<div class="kartinka"></div>
.kartinka {
background-image:url(/img/image.gif); /*адрес фонового изображения*/
background-size:100% 2em; /*размер фон.изобрадения*/
background-position:100% 30px; /*позиционирование по ширине и длине соответственно*/
background-repeat:no-repeat; /*Повторение (в данном случае без повторения)*/
background-attachment:fixed; /*в этом случае фоновое изображение не будет перемещаться при прокрутке страницы*/
}

 

[BaNru]

Ты темой не ошибся?
Убери

background-attachment:fixed;

 

[jorj]

Извините,что ошибся темой.
Я убрал

background-attachment:fixed

,но картинки даже не было видно.Тогда я поставил:

background-position:100% 100%;

Картинка появилась,однако резиновой не стала.

 

[Aristotel]

http://bitby.net/webdev/masshtabiruemaya-kartinka-na-fone-sajta-ili-rezinovyj-fon/

вот тут статья, сам не читал, но вроде по теме.

 

[BaNru]

http://demo.g63.ru/rezinovii_fon.html

 

[motek]

http://demo.g63.ru/rezinovii_fon.html

открывающего тега html нет h34r:

 

[jorj]

http://demo.g63.ru/rezinovii_fon.html

Вот скрин:http://floomby.ru/content/2Q4yS8Sx02

 

[BaNru]

открывающего тега html нет h34r:

епрст. Я его в последнее время везде забываю ставить. Копипастю хедер с ошибкой. :blush:

Вот скрин

А че нам скрин? Давай ссылку в студию на страничку.
Мы по скрину не можем гадать что ты там написал.

 

[jorj]

открывающего тега html нет h34r:

епрст. Я его в последнее время везде забываю ставить. Копипастю хедер с ошибкой. :blush:

Вот скрин

А че нам скрин? Давай ссылку в студию на страничку.
Мы по скрину не можем гадать что ты там написал.

Большое спасибо,все получилось!!!!​