div border 에 대하여 한가지 질문해 보아도 될까요?(크롬,파폭,익플) 정보
div border 에 대하여 한가지 질문해 보아도 될까요?(크롬,파폭,익플)
본문
안녕하세요 .
div 박스 가로 사이즈좀 브라우저에 똑같이 통일 하려고 하는데요.
한가지 문제가 생겼네요.
div로 border 1px , 가로 200px 짜리 박스를 만들면
크롬과 파폭은 border 을 밖으로 인식하네요
그래서 border 을 전체적으로 주면 위 아래 왼쪽 오른쪽이 다 1px 씩 증가 해서
가로 202 사이즈가 되고
익플은 안으로 인식 해서
border 을 주면 사이즈가 그대로가 끝으로 1px 짜리 border 가 생기네요
그래서 가로 200 그대로 유지 되네요.
혹시 사이즈가 유지 되면서 둘다 1px 테두리를 생성 할수 있는 명령어가
border 말고 또 있나요?
추천
0
0
댓글 7개
웹비즈님 감사합니다.
영어라서 조금 해매였는데
알짜 정보가 들어 있었네요 ^^
영어라서 조금 해매였는데
알짜 정보가 들어 있었네요 ^^
이중으로 div를 싸는 방법이 가장 간단하죠.
<!--[if lt IE 6]>
<style type="text/css">
#news {width:250px}
</style>
<![endif]-->
이것을 딱 보니까 해결책이 떠올랐네요 ^^
<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 가 고정되어 잇어야합니다.
<html> 태그위에 제일위에 선언해주시구요. 대소문자 구별
안으로 인식하시려면
#id {padding:10px;}
이렇게 하시면 되구요;
위 오른쪽 아래 왼쪽 이렇게 구역별로 설정하시려면요
#id {padding:위 오른쪽 아래 왼쪽;}
>> #id {padding:10px; 100px; 10px; 100px;}
하시면 됩니다.
아 그리고 padding 할때는 width 와 height 가 고정되어 잇어야합니다.
이미지도 추천합니다.
