Почему тег div не подходит к верхней части тела?

Мой HTML кодПочему тег div не подходит к верхней части тела?

<html> 
<body id="body"> 
<div id="content"> 
<div id="head1"> 
<h3 id="cpsir">CPSIR-CM</h3> 
</div> 
</div> 
</html>

код КСС

#body{ 
background:#0F657D; 
} 
#content{ 
width:1000px; 
height:740px; 
background:#E2E2E2; 
margin-left:auto; 
margin-right:auto; 
} 
#head1{ 
width:auto; 
height:60px; 
background:#626262; 
margin-top:-10px;  
} 
#cpsir{ 
font-family:Verdana, Helvetica, sans-serif; font-size:24px; 
color:#F4F4F4; 
padding-top:10px;

}

Я пытаюсь соответствовать head Div тег в верхней части тела. Но это совершенно не подходит. Таким образом, я использую для него отрицательные px., Но результат отличается от разных браузеров. Например, в браузере факела margin-top:-10px дается то, что я ожидаю, что меняется на Internet Explorer. Что я могу сделать?

источник

2014-12-15 mkHun

Вы должны удалить запас из 'body' и не использовать отрицательный запас – putvande

http://jsfiddle.net/uwLL0sr7/1/? –

http://www.w3schools.com/html/html_basic.asp – Dropout

Начать с:

html, body{ 
    margin:0; 
    padding:0; 
}

И тогда вам не нужно отрицательный запас на #head1

источник

2014-12-15 15:27:21 Ted

Наконечник стартера я получил один раз при оптимизации для различных браузеров:

*{ 
margin:0px; 
padding:0px; 
}

что все элементы отображаются одинаково в каждом браузере, так как IE имеет один способ размещения небольших полей здесь и там, как и Firefox, Chrome и т. д.

Вы можете просто положить поля на элементах после

источник

2014-12-15 15:44:51 LaughingMan

Почему тег div не подходит к верхней части тела?

ответ

Смежные вопросы