Растягивание и сжимание фона

dron · December 28, 2010

Добрый день!

Есть div.

#wrapper {

margin: 0 auto;

max-width: 1600px;

width: 98%;

}

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

psywalker · December 28, 2010

http://psywalker.ru/Forum/JS/Primitive/Set...gPlavnoe/3.html

1) Делай нужный экран

2) Жми Обновить

3) Картинка подстроится под экран.

Не пойдёт?

dron · December 28, 2010

нет. пропорции не сохраняются. то приплюснутая, то вытянутая картинка выходит

dron · December 28, 2010

http://ruseller.com/lessons.php?rub=2&id=807 - вот то что надо! но, как мне этот код для дива применить, а не для всего сайта???

psywalker · December 28, 2010

Ну может как то так

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
	* { margin: 0; padding: 0;}
	#bg { 
		width: 50%; 
		height: 50%; 
		position: absolute; 
		left: 50%; 
		top: 50%;
		margin-left: -25%;
		margin-top: -15%;
		border: 1px solid #000;
	}
	#bg img { position: absolute; width: 100%; height: 100%;}
</style>
</head>

<body>
<div id="bg">

		<img src="children.jpg" alt="">

</div>
</body>
</html>

dron · December 28, 2010

никак нет. уже пытался.

1. при сжатии пропорции изменяются

2. не растягивается

3. проблемы с кроссбраузерностью

psywalker · December 28, 2010

никак нет. уже пытался.
1. при сжатии пропорции изменяются
2. не растягивается
3. проблемы с кроссбраузерностью

1) А как же им быть, они и должны меняться.

2) Как не растягивается? Всё же ведь растягивается?

3) Это потом.

4) Покажи скриншоты в разных состояниях

Great Rash · December 29, 2010

А зачем тут JS вообще? Можно абсолютом картинку засунуть и сказать ей width: 100%;, а уж высоту она сама подберет если ее явно не указывать.

Sign In

Растягивание и сжимание фона

Question

dron

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

dron

Link to comment

Share on other sites

dron

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

dron

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information