CSS и Firefox

Question

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

#container1
{
position:absolute;
left: 0px;
right: 0px;
width: 1000px;
height: 255px;
margin:  0;


}
#logo1 {   
 background:#FFFFFF; 
  margin: 0;    
  border: 1px solid red; 
   position:absolute;   
    left: 0px;   
     top: 0px;    
     width: 200px;  
       height: 250px;

       }
#Banner1 {    
background: #1071A6;    
position:absolute;    
left: 200px;    
top: 0px;   
 width: 789px;    
 height: 250px;
 vertical-align:top;
  margin:  0;    border:  1px solid red;
 }

Answer 1

body{margin:0 padding:0;}

должен сделать трюк.

Answer 2

Я бы рекомендовал использовать таблицу стилей сброса, например this , для каждого дизайна, который вы делаете. Это гарантирует чистый лист на каждом браузере. Любые сделанные вами изменения будут выглядеть примерно одинаково в любом браузере после сброса, так что вы можете избежать подобных проблем.

Answer 3

Используйте сбросить таблицу стилей , чтобы установить для всех значений по умолчанию значение 0 во всех браузерах. Убедитесь, что это первая таблица стилей по порядку. Если после применения таблицы стилей у вас возникнут проблемы, ее будет гораздо легче исправить.

Answer 4

разрыв между баннером и верхней частью экрана

Вы также установили body margin и padding на 0?