CSS 질문 border와 padding

[장준영]

안녕하세요..

Code: Select all

<span style="font-size: 9pt; padding: 0; border: solid red 1px;">하하하hahaha</span>

위 내용을 Firefox 1.0과 IE 6에서 시험해보면
빨간 테두리의 크기가 달라보입니다.
Firefox에서는 테두리가 텍스트에 겹쳐져서(?)
전체적으로 테투리가 더 작아보입니다.
왜 그럴까요?
(그리구 똑같이 보이게 하려면 어떻게 하면 좋을까요...?)

[빛알갱이]

이 게시판에 끈끈이로 붙여져 위에 올라와 있는 'CSS 박스 모델'이란 글타래를 읽어 보십시오. (그 글타래의 제목이 'DIV 중첩일 경우...'로 되어 있어서 알아 보기 힘들었을지도... 제목을 바꾸어 두었습니다.

[장준영]

제가 궁금한 내용을 그림으로 보여드리겠습니다... ^^

http://210.127.244.230/border.gif

왼쪽이 Firefox의 결과 인데요,,
이것 저것 궁금한게 많지만
일단, 텍스트 윗 부분이 적색 경계선과 겹쳐버리는 이유가..??

이것은 'CSS 박스 모델'에 대한 내용과는 다른 주제인 것 같은데..
(아님 제가 잘 못 이해하고 있다면 깨우쳐주세요.)

ps. 게시판에 파일 첨부가 안 되니 불편하네요 --;

[박민권]

dtd선언문제가 아닌가 싶습니다.
익스는 익스호완모드와 표준모드(그럭저럭)를 지원하는데 dtd선언을 해주지 않으면
익스호완모드로 동작합니다.
html 4.0.1이나 xhtml dtd선언을 해보세요.

[박민권]

http://210.127.244.230/border.gif

왼쪽이 Firefox의 결과 인데요,,
이것 저것 궁금한게 많지만
일단, 텍스트 윗 부분이 적색 경계선과 겹쳐버리는 이유가..??

아... 제가 잘못 이해하고 있었네요.
정말 왼쪽이 불여우의 결과란 말인가요?
그럴리 없는데 이상하군요.
혹시나 싶어서 제가 지금 테스트해봤는데 저는 저런 문제가 없습니다.
주변의 다른 스타일이 영향을 준것은 아닐까요?