VPF::Картинка в Body backgrond - Форум программистов

minus

Дата 24.4.2009, 12:07 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 9
Регистрация: 25.2.2008

Репутация: нет
Всего: нет

Доброго здравия!
Помогите пожалуйста.
Суть проблемы есть картина, ее нужно поместить на задний фон, но так что бы она была по центру и не повторялась, да еще желательно что бы растягивалась в зависимости от размеров экрана.
Заранее спасибо.

bars80080

Дата 24.4.2009, 14:28 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

что бы по центру и не повторялась:

Код


body { background: url(pic.jpg) no-repeat 50% 50%; }

чтобы растягивалась - нельзя, для этого надо использовать тэг <img />:

Код


<html><head>
<style>
* { margin: 0px; padding: 0px; }
#fon img { width: 100%; height: 100%; }
#page { position: absolute; top: 0px; left: 0px; width: 100%; }
</style>
</head>
<body>
<div id="fon"><img src="zzz.jpg" /></div>
<div id="page">
content 
</div>
</body>
</html>

minus

Дата 24.4.2009, 19:54 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 9
Регистрация: 25.2.2008

Репутация: нет
Всего: нет

Спасибо огромное, все получилось!
Спасибо !!!

Это сообщение отредактировал(а) minus - 24.4.2009, 19:59

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »