Mozilla 한국 커뮤니티

홈페이지를 만드는데, FireFox 1.0.7에서 보면 화면
상단에 빈 줄이 하나 생깁니다. Internet Explorer에서는
그렇지 않고요. 뭔가 잘못한 것 같은데, 어디가 문제인지
모르겠어요. 아시면 가르쳐 주세요.

http://cat3.dotnet29.hostbasket.com/korean/

음 제 생각에는 요... <h1> 을 스타일 지정해주지 않아서 생기는 문제 같아요.

#navigation h1 a
{
color:#8a2be2;
font-size:2px;
background:url('homelogo.jpg') no-repeat bottom;
height:55px;
width:262px;
position:absolute;
top:0px;
left:0px;
}

이건 h1 지정이 아니라 h1 안의 a 만 지정된거고 h1 이 지정된건 아니지요 (잘은 모름)

그러니까 h1 을 따로 하나 지정해서 margin 값을 없애주면 될 것같아요.
간단하게는

h1 { margin : 0px; }

요 한줄을 추가해주면 해결될 것 같습니다... 하고 생각하고 해보니 일단은 되네요. (아님 낭패)

IE 에서는 왜 윗공백을 없애버리는건지 잘은 모르겠습니다.

두슬 wrote:음 제 생각에는 요... <h1> 을 스타일 지정해주지 않아서 생기는 문제 같아요.

그러니까 h1 을 따로 하나 지정해서 margin 값을 없애주면 될 것같아요.
간단하게는

h1 { margin : 0px; }

요 한줄을 추가해주면 해결될 것 같습니다... 하고 생각하고 해보니 일단은 되네요. (아님 낭패)

두슬님 말씀대로 h1의 기본 margn 값의 영향을 받아서 그런 것 같습니다.
익스는 원래 css 버그가 많으니 익스는 패스하시구요. ㅎㅎ
h1~6들은 기본 마진이 있어서 이것들을 쓰시려면 기본 margin을 0으로 하시고 쓰세요.
margin: 0px; 에서 px는 빼시고 그냥 margin: 0; 만 쓰세요.
왜냐면 0px, 0%, 0em... 모두 0이기 때문에 0은 단위를 안씁니다.

h1의 기본 마진이 왜 내부에 안먹히고 #navigation에 먹힌 이유는 수직 마진은 통합되고 수평 마진은 통합되지 않는다는 규칙이 있습니다.

이전에 이 문제에 대해서 올라온 글이 있는데 참고해보세요.
viewtopic.php?p=16597#16597

감사합니다. h1에 absolute를 주고 magin을 0으로 해서 해결했습니다.
정말 감사합니다.