Небольшой вопрос по верстке

Статус
В этой теме нельзя размещать новые ответы.
SUVEREN

SUVEREN

Постоялец
Регистрация
13 Фев 2008
Сообщения
367
Реакции
178
Друзья, всем привет, делаю заглушку к себе на сайт. но столкнулся с проблемой, в браузерах хром и опера сверху и слева отступ появляется непонятный, помогите исправить, вообще не пойму в чем дело. Код привожу ниже.
PHP: 
<!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>Zagolovok</title>
<LINK REL="STYLESHEET" HREF="style.css" TYPE="TEXT/CSS"> 
</head>
<body>
<div class="header"></div>
</body>
</html>
и ксс
PHP: 
.header{
	position: fixed;
	 height: 100%; 
	 width: 100%;
	 background-image: url('fon.jpg');
	 background-position: center center;
    background-repeat: no-repeat;
    background-color: #000000;
	}
 
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">

или в стили
* {margin:0px;}


кстати, запись background в стиле можно сократить, вот так:
background: #000 url(fon.jpg) no-repeat 50% 50%;
 
padding надо убирать, а не margin
body {
padding: 0;
}

url('fon.jpg') - обернуть кавычками
 
SiZE написал(а):
padding надо убирать, а не margin
body {
padding: 0;
}
Нажмите для раскрытия...
padding внутри убирает отступы, а нужно снаружи, поэтому используем margin.


SiZE написал(а):
url('fon.jpg') - обернуть кавычками
Нажмите для раскрытия...
Это не обязательно, без них тоже работает отлично, поэтому кода на 2 байта меньше :D
 
Ему разве не у BODY убрать надо появившиеся отступы? :eek:
 
PHP: 
.header{
    margin: 0px;
    padding: 0px;
    position: fixed;
     height: 100%; 
     width: 100%;
     background-image: url('fon.jpg');
     background-position: center center;
    background-repeat: no-repeat;
    background-color: #000000;
    }
 
SiZE написал(а):
Да, вы правы. Но ведь у body по умолчанию в браузерах же margin = 0 или нет?
Нажмите для раскрытия...
Нет) Для проверки можете взять код из первого сообщения и попробовать с отступами ;)
 
У всех браузеров по умолчанию разные настройки, так что надо всегда их сбрасывать. Чтобы не было подобных вопросов, всегда используйте css reset'ы - к примеру, берете css ресет от Эрика Мейера и настраиваете его под себя.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху