IE에서는 잘 나오는데 FF와 OPERA에서.

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
댓글 게시
Tyburn
게시물: 33
참여됨: 2006 02 02 20:32 31
연락:

IE에서는 잘 나오는데 FF와 OPERA에서.

게시물 작성자 Tyburn » 2006 03 19 17:50 09

http://tyburn.ivyro.net/blogtt/index.php?md=guest

제 홈페이지의 맨 아래쪽의 테이블에 새로운 td를 추가해서 height="10" 으로 설정해서 10 픽셀 정도 띄웠습니다.

그런데 이상한게 ie에서는 10픽셀 정상적으로 띄워져 표시되는데 FF나 OPERA에서는 20 픽셀 정도 띄워져서 보이는 겁니다.

그래서 td를 없애보았더니 IE에서는 0픽셀 띄워져서 보이고 FF나 OPERA에서는 10픽셀 띄워져서 보이더군요...

하도 이상해서 전체 소스를 하나하나 검토해봤는데 그렇게 될 이유를 찾지 못했습니다.

웹 표준 검사기를 돌려봐도 아무런 이상이 없고 CSS를 살펴보아도 이유를 찾지 못했습니다.

해당 테이블에는 어떠한 padding이나 margin을 쓰지도 않았고요..


단지 브라우저마다 표시하는데 차이가 있어서 그런건가요?

유저 아바타
hyeonseok
해커
해커
게시물: 691
참여됨: 2004 08 11 22:14 59
연락:

게시물 작성자 hyeonseok » 2006 03 20 09:43 42

<form>의 여백 때문에 그렇습니다.

<form method="post" name="weblog" action="/blogtt/index.php">


<form method="post" name="weblog" action="/blogtt/index.php" style="margin: 0;">

와 같이 margin을 없애 주면 됩니다.

원래 <form>엘리먼트에는 기본적으로 margin이 있습니다.

Tyburn
게시물: 33
참여됨: 2006 02 02 20:32 31
연락:

게시물 작성자 Tyburn » 2006 03 20 18:00 24

hyeonseok 씀:<form>의 여백 때문에 그렇습니다.

<form method="post" name="weblog" action="/blogtt/index.php">


<form method="post" name="weblog" action="/blogtt/index.php" style="margin: 0;">

와 같이 margin을 없애 주면 됩니다.

원래 <form>엘리먼트에는 기본적으로 margin이 있습니다.
감사합니다.
덕분에 잘 해결했습니다.

댓글 게시

누군가 접속

유저들이 이 포럼을 탐색중: 가입된 유저 없음 그리고 2 손님들