이미지 boder값 질문입니다.

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
Post Reply
hsbyun98

이미지 boder값 질문입니다.

Post by hsbyun98 »

<html>
<head>
<style>
img {border:1px solid #dddddd; padding:4px;}
</style>
</head>
<body>
<div id="test">
<img src="http://cms.english.tour2korea.com/02Cul ... /test1.jpg" width="140" height="104">

</div>

</body>
</html>

이렇게 하고 FF에서 보면 제대로 표현이 되거든요.
이미지에 패딩값이 들어간뒤 테두리가 쳐져야 정상인데 IE6.0에선 패딩값이
안들어가고 그냥 이미지에 테두리가 쳐지네요 오전내내 이걸로 해매는데 어떻게 해결해야 하는지 알고싶습니다 ㅜㅜ
dece24
서포터즈
서포터즈
Posts: 83
Joined: 2006 05 04 02:44 45
Location: 대전
Contact:

올바른 DTD 를 적용하지 않았기 때문 입니다

Post by dece24 »

코드 첫줄에 DTD 를 정의 해 놓지 않으면 IE 브라우저는 그들만의 렌더링을 합니다.
즉, 표준 렌더링을 원하시면 표준 DTD 를 사용하셔야 합니다.

아래와 같은 표준 DTD 를 문서 첫줄에 추가하고 다시 테스트 해보세요.

HTML 4.01 호환모드
<DOCTYPE>

HTML 4.01 엄격모드
<DOCTYPE>

XHTML 1.0 호환모드
<DOCTYPE>

XHTML 1.0 엄격모드
<DOCTYPE>

올바른 문서형 정의(DTD)는 웹 표준의 기본 입니다.
잊지 마세요!
dece24
서포터즈
서포터즈
Posts: 83
Joined: 2006 05 04 02:44 45
Location: 대전
Contact:

올바른 DTD 를 적용하지 않았기 때문 입니다

Post by dece24 »

코드 첫줄에 DTD 를 정의 해 놓지 않으면 IE 브라우저는 그들만의 렌더링을 합니다.
즉, 표준 렌더링을 원하시면 표준 DTD 를 사용하셔야 합니다.

아래와 같은 표준 DTD 를 문서 첫줄에 추가하고 다시 테스트 해보세요.

HTML 4.01 호환모드

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 엄격모드

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
XHTML 1.0 호환모드

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 엄격모드

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
올바른 문서형 정의(DTD)는 웹 표준의 기본 입니다.
잊지 마세요!
Post Reply

Who is online

Users browsing this forum: No registered users and 3 guests