background-position

Crow · March 17, 2008

<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <style>
 .tebody { 
 width: 100%;
 height: 100%;
 background-image: url(/img/design/nights/back.jpg); /* Путь к фоновому рисунку */
 background-position: center center; /* Положение фона */

}
 </style>
 <title></title>
</head>
<body>
<div class="tebody">
</div>
</body>
</html>

простая страничка

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

firefox - работает

ие7 - работает

ие6- не работает, становится в верхний левый угол и повторяется оттуда.

http://htmlbook.ru/css/background-repeat.html

в спецификации указано, что стиль работает в ие6......что у меня не так?

Scrum · March 17, 2008

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
 <title></title>
 <style type="text/css">
 /*<![CDATA[*/
 html, body {
 margin: 0;
 padding: 0;
 border: none;
 height: 100%;
 }
 div {
 background: silver;
 height: 100%;
 margin-left: 50%;
 }
 #top {
 height: 50%;
 background: #fff;
 margin: 0;
 }


 /*]]>*/
 </style>
</head>

<body>
 <div>
 <div id="top"></div>
 </div>
</body>

</html>

так не покатит ?

Crow · March 17, 2008

нет(

в ие7 твой див становится в правй верхний угол

в ие6 - в правый нижний

Scrum · March 17, 2008

ах вон оно как, не дочитал сори.

Crow · March 17, 2008

мне надо картинку фона множить не от левого верхнего угла, а от центра страницы

Scrum · March 17, 2008

а если так ?

<!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" xml:lang="en" lang="en">

<head>
 <title></title>
 <style type="text/css">
 /*<![CDATA[*/
 html {
 background-image: url(SplashScreen.bmp);
 background-position: center center;
 }

 /*]]>*/
 </style>
</head>

<body>

</body>

</html>

Crow · March 17, 2008

вот так работает

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
 <META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
 <style>
 BODY { 

 background-image: url(/img/design/nights/back.jpg); /* Путь к фоновому рисунку */
 background-position: 50% 50%; /* Положение фона */ 
 background-position: center center; /* Положение фона */
}
 </style>
 <title></title>
</head>
<body>
</body>
</html>

ничего не понимаю..... указать позиционирование двумя способами....причем любой из них корректно работает в файре и ие7....в ие6 только если указать вот так...

Sign In

background-position

Question

Crow

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Scrum

Link to comment

Share on other sites

Crow

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

Crow

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

Crow

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information