Форум Сайтостроение Веб-строительство

CSS и картинка

L
На сайте с 17.02.2010
Offline
18
Lenty
467

Здравствуйте,

Нужно сделать чтоб картинка (podval1.jpg) растягивалась на 100%

Вот код:

.footer {background: url(../images/images/podval1.jpg); overflow: hidden; zoom: 1; border-top: margin: 0px 0%;}

.footer .copy {float: left; width: 550px; padding-top: 24px; _display: inline;}

.footer .copy p {margin: 0px; padding: 0px; line-height: 13px; color: #a0a0a0; font: 1em Arial, Helvetica, Sans-serif;}

.footer .copy strong {margin: 0px; padding: 0px; line-height: 13px; color: #d26b07; font: bold 1.1em Arial, Helvetica, Sans-serif;}

.footer ul {float: left; padding: 28px 0px 33px 0px; _display: inline;}

.footer ul li {display: block; float: left; width: 88px; height: 31px; margin-right: 15px; _display: inline;}

Чего нужно подправить? Помогите плз :)

kil
На сайте с 03.04.2006
Offline
84
kil
#1

Не все так просто! 

.footer {background: url(../images/images/podval1.jpg); overflow: hidden; zoom: 1; border-top: margin: 0px 0%; background-size: 100%; background-origin: content}

Но работать будет только в браузерах, поддерживающих CSS3. Соответственно нифига не кроссбраузерно на текущий момент.

Так что придется хитрить:

1. Сделать заведомо большую картинку, которой гарантированно хватит для фона.

2. Подложить картинку под блок .footer и растянуть её как угодно

3. Собрать фон из нескольких картинок

и т.д. и т.п. - вариантов много!

[Удален]
#2
Lenty:
Чего нужно подправить?

Голову для начала поправить, прежде чем размещать эти стили.

Руслан Исмаилов
На сайте с 30.03.2007
Offline
198
Руслан Исмаилов
#3

Lenty, Покажи пример, точнее ссылку.

НУ а так тебе kil, несколько вариантов предложил.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий