Page 1 of 1

이미지 boder값 질문입니다.

Posted: 2006 09 01 12:13 54
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에선 패딩값이
안들어가고 그냥 이미지에 테두리가 쳐지네요 오전내내 이걸로 해매는데 어떻게 해결해야 하는지 알고싶습니다 ㅜㅜ

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

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

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

HTML 4.01 호환모드
<DOCTYPE>

HTML 4.01 엄격모드
<DOCTYPE>

XHTML 1.0 호환모드
<DOCTYPE>

XHTML 1.0 엄격모드
<DOCTYPE>

올바른 문서형 정의(DTD)는 웹 표준의 기본 입니다.
잊지 마세요!

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

Posted: 2006 09 01 13:26 25
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)는 웹 표준의 기본 입니다.
잊지 마세요!