M

div border 에 대하여 한가지 질문해 보아도 될까요?(크롬,파폭,익플)

안녕하세요 .

div 박스 가로 사이즈좀 브라우저에 똑같이 통일 하려고 하는데요.

한가지 문제가 생겼네요.

재가 예를들어 

div로 border 1px , 가로 200px 짜리 박스를 만들면

크롬과 파폭은 border 을 밖으로 인식하네요

그래서 border 을 전체적으로 주면 위 아래 왼쪽 오른쪽이 다 1px 씩 증가 해서

가로 202 사이즈가 되고

익플은 안으로 인식 해서

border 을 주면 사이즈가 그대로가 끝으로 1px 짜리 border 가 생기네요

그래서 가로 200 그대로 유지 되네요.

혹시 사이즈가 유지 되면서 둘다 1px 테두리를 생성 할수 있는 명령어가

border 말고 또 있나요?

|

댓글 7개

http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/
요거 참고해보세요...
웹비즈님 감사합니다.

영어라서 조금 해매였는데
알짜 정보가 들어 있었네요 ^^
이중으로 div를 싸는 방법이 가장 간단하죠.
<!--[if lt IE 6]>
<style type="text/css">
#news {width:250px}
</style>
<![endif]-->
이것을 딱 보니까 해결책이 떠올랐네요 ^^
dtd 선언을 하면 간단히 해결 됩니다.
dtd <!DOCTYOP html>
<html> 태그위에 제일위에 선언해주시구요. 대소문자 구별

안으로 인식하시려면

#id {padding:10px;}

이렇게 하시면 되구요;

위 오른쪽 아래 왼쪽 이렇게 구역별로 설정하시려면요

#id {padding:위 오른쪽 아래 왼쪽;}
>> #id {padding:10px; 100px; 10px; 100px;}
하시면 됩니다.

아 그리고 padding 할때는 width 와 height 가 고정되어 잇어야합니다.
이미지도 추천합니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고