Не могу отцентровать фон...

Remi Etien · January 26, 2010

Ребят, простите, пожалуйста. Детский вопрос, конечно, но фон body меня соовсем не слушается. Пустой index сайта:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Remi</title>
<link rel="stylesheet" href="style.css" type="text/css"></link>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
</head>
<body>
</body>
</html>

CSS:

* {
margin: 0;
padding: 0;
}
body {
background: #33F url(images/1803278949_d0af301ea5_b.jpg) no-repeat center;
}

Фон куда-то наверх улетает. Если прописать "bottom", то почему-то еще выше упрыгает

Спасибо.

Great Rash · January 26, 2010

Вы забыли <body> назначить высоту.

* {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
border: 0;
}

body {
background: #33F url(images/1803278949_d0af301ea5_b.jpg) no-repeat center;
}

Remi Etien · January 26, 2010

Вы забыли <body> назначить высоту.

* {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
border: 0;
}

body {
background: #33F url(images/1803278949_d0af301ea5_b.jpg) no-repeat center;
}

Огромное Вам спасибо

UPD. Что-то я поторопился. Почему-то появилась вертикальная полоса прокрутки

Edited January 26, 2010 by Remi Etien

Great Rash · January 26, 2010

Быть такого не может... Вот, проверил везде кроме Оперы.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>An XHTML 1.0 Strict standard template</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			font: 12px Arial;
		}

		html, body {
			height: 100%;
			border: 0;
		}

		body {
			background: url('http://koivi.com/ie-png-transparency/test.png') center no-repeat;
		}
	</style>
</head>

<body>



</body>
</html>

Кодировка стоит utf-8? Если да, то точно без BOM?

Remi Etien · January 26, 2010

Быть такого не может... Вот, проверил везде кроме Оперы.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>An XHTML 1.0 Strict standard template</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			font: 12px Arial;
		}

		html, body {
			height: 100%;
			border: 0;
		}

		body {
			background: url('http://koivi.com/ie-png-transparency/test.png') center no-repeat;
		}
	</style>
</head>

<body>



</body>
</html>

Кодировка стоит utf-8? Если да, то точно без BOM?

Проблема наблюдается как раз в Опере. Решил ее убрав отсюда:

html, body {
height: 100%;
border: 0;
}

body.

Great Rash · January 26, 2010

Ща посмотрел в Opera 10.10 - все ОК.

Remi Etien · January 26, 2010

Что же я делаю не так?

Great Rash · January 26, 2010

Версия Оперы такая же? BOM (Byte Order Mark) точно нету?

Remi Etien · January 26, 2010

Версия Оперы такая же? BOM (Byte Order Mark) точно нету?

Хм...вырезал и опять вставил содержимое кода - нормально все заработало. Глюки какие-то. Огромное спасибо за помощь

Sign In

Не могу отцентровать фон...

Question

Remi Etien

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

Remi Etien

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Remi Etien

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Remi Etien

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Remi Etien

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information