CSS와 Firefox

Question

Firefox에서 folowing CSS 코드를 사용할 때 배너와 화면 상단 사이에 간격이 생깁니다. 어떻게 이것을 피할 수 있습니까?

#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 및 padding뿐만 아니라 0에?

Answer 2

내가하는 모든 디자인에 this과 같은 재설정 스타일 시트를 사용하는 것이 좋습니다. 그것은 모든 브라우저에서 깨끗한 슬레이트를 보장합니다. 리셋을 사용하면 모든 브라우저에서 변경 사항이 거의 동일 해 지므로 이러한 문제는 피할 수 있습니다.

Answer 3

모든 브라우저에서 모든 기본값을 0으로 설정하려면 reset stylesheet을 사용하십시오. 이것이 첫 번째 스타일 시트인지 확인하십시오. 스타일 시트를 적용한 후에 문제가 발생하면 수정하기가 훨씬 쉽습니다.

Answer 4

body{margin:0 padding:0;} 

트릭을해야합니다.