Page 1 of 1
CSS 질문 border와 padding
Posted: 2005 03 08 09:20 17
by 장준영
안녕하세요..
Code: Select all
<span style="font-size: 9pt; padding: 0; border: solid red 1px;">하하하hahaha</span>
위 내용을 Firefox 1.0과 IE 6에서 시험해보면
빨간 테두리의 크기가 달라보입니다.
Firefox에서는 테두리가 텍스트에 겹쳐져서(?)
전체적으로 테투리가 더 작아보입니다.
왜 그럴까요?
(그리구 똑같이 보이게 하려면 어떻게 하면 좋을까요...?)
Re: CSS 질문 border와 paddin
Posted: 2005 03 08 10:51 27
by 빛알갱이
이 게시판에 끈끈이로 붙여져 위에 올라와 있는 'CSS 박스 모델'이란 글타래를 읽어 보십시오. (그 글타래의 제목이 'DIV 중첩일 경우...'로 되어 있어서 알아 보기 힘들었을지도... 제목을 바꾸어 두었습니다.
Posted: 2005 03 08 13:23 06
by 장준영
제가 궁금한 내용을 그림으로 보여드리겠습니다... ^^
http://210.127.244.230/border.gif
왼쪽이 Firefox의 결과 인데요,,
이것 저것 궁금한게 많지만
일단, 텍스트 윗 부분이 적색 경계선과 겹쳐버리는 이유가..??
이것은 'CSS 박스 모델'에 대한 내용과는 다른 주제인 것 같은데..
(아님 제가 잘 못 이해하고 있다면 깨우쳐주세요.)
ps. 게시판에 파일 첨부가 안 되니 불편하네요 --;
아마도
Posted: 2005 03 08 19:02 09
by 박민권
dtd선언문제가 아닌가 싶습니다.
익스는 익스호완모드와 표준모드(그럭저럭)를 지원하는데 dtd선언을 해주지 않으면
익스호완모드로 동작합니다.
html 4.0.1이나 xhtml dtd선언을 해보세요.
아!
Posted: 2005 03 10 09:38 04
by 박민권
아... 제가 잘못 이해하고 있었네요.
정말 왼쪽이 불여우의 결과란 말인가요?
그럴리 없는데 이상하군요.
혹시나 싶어서 제가 지금 테스트해봤는데 저는 저런 문제가 없습니다.
주변의 다른 스타일이 영향을 준것은 아닐까요?