묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
HTML 4.01에서 코드에 대한 해석의 변화가 있다?
2004.07.07 06:55
안녕하세요.
코딩하다가...이상한 점을 발견해서 이렇게 글을 올립니다. 혹시 아시는 분이 계신가 해서...
다름이 아니라 테이블 태그에서 이상한 점을 발견하게 되었습니다.
글자나 이미지 등의 오브젝트를 화면 정 중앙 (가로, 세로 방향에서 중앙)으로 오게 할 때, 가로 방향에서 중앙으로 오게 하려면 table 이나 p태그, div 태그 등을 이용하면 간단합니다.
하지만 세로 방향에서 중앙으로 오게 할 때엔 약간의 편법을 써야 하죠.
많은 분들이 아시고, 또 자주 쓰는 '가로 세로 100% table' 입니다. 이걸 이용하면 오브젝트들을 세로 방향에서 가운데에 정렬할 수 있죠.
그런데 오랜만에 이걸 쓰려고 했는데, 이상한 결과가 나타났습니다.
다음은 해당하는 table 태그만 쓴 것입니다.
-------------------
<table border=0 width="100%" height="100%"><tr><td align=center>
<table width="670" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>dfgdfgdfg</td>
</tr>
</table></td>
</tr></table>
--------------------
이렇게 해서 익스플로러에서 해봤는데 잘 나옵니다. 세로 방향에서 정중앙으로 위치하게 되죠.
그런데 이상한 건, 그 밖의 다른 태그들이 붙어도 잘 나오는데,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
요것만 들어가면 말썽이 일어난다는 것입니다. -_-
body 태그와 head태그, 그리고 html 태그까지 해봤는데 멀쩡하고 위의 문서 형식 설정 태그만 붙이면 글자가 맨 위로 붙고 100%로 설정된 테이블의 세로 크기가 그냥 확 무시되고 줄어버립니다.
드림위버나 나모, 홈사이트 등을 이용할 경우 위의 태그가 필수적으로 붙는데 그럼 더이상 '가로 세로 100% 테이블' 방법은 못 써먹는건가요?
어떻게 된 건지 아시는 분 리플달아주시길..
코딩하다가...이상한 점을 발견해서 이렇게 글을 올립니다. 혹시 아시는 분이 계신가 해서...
다름이 아니라 테이블 태그에서 이상한 점을 발견하게 되었습니다.
글자나 이미지 등의 오브젝트를 화면 정 중앙 (가로, 세로 방향에서 중앙)으로 오게 할 때, 가로 방향에서 중앙으로 오게 하려면 table 이나 p태그, div 태그 등을 이용하면 간단합니다.
하지만 세로 방향에서 중앙으로 오게 할 때엔 약간의 편법을 써야 하죠.
많은 분들이 아시고, 또 자주 쓰는 '가로 세로 100% table' 입니다. 이걸 이용하면 오브젝트들을 세로 방향에서 가운데에 정렬할 수 있죠.
그런데 오랜만에 이걸 쓰려고 했는데, 이상한 결과가 나타났습니다.
다음은 해당하는 table 태그만 쓴 것입니다.
-------------------
<table border=0 width="100%" height="100%"><tr><td align=center>
<table width="670" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>dfgdfgdfg</td>
</tr>
</table></td>
</tr></table>
--------------------
이렇게 해서 익스플로러에서 해봤는데 잘 나옵니다. 세로 방향에서 정중앙으로 위치하게 되죠.
그런데 이상한 건, 그 밖의 다른 태그들이 붙어도 잘 나오는데,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
요것만 들어가면 말썽이 일어난다는 것입니다. -_-
body 태그와 head태그, 그리고 html 태그까지 해봤는데 멀쩡하고 위의 문서 형식 설정 태그만 붙이면 글자가 맨 위로 붙고 100%로 설정된 테이블의 세로 크기가 그냥 확 무시되고 줄어버립니다.
드림위버나 나모, 홈사이트 등을 이용할 경우 위의 태그가 필수적으로 붙는데 그럼 더이상 '가로 세로 100% 테이블' 방법은 못 써먹는건가요?
어떻게 된 건지 아시는 분 리플달아주시길..
댓글 3
-
태엽푸는새
2004.07.07 07:48
-
Hyacinth
2004.07.08 07:27
그럼 HTML4.0에선 테이블 세로 100%가 사용 가능하다는건가요 -_- -
Hyacinth
2004.07.08 08:17
뒤에 붙는 "http://www.w3.org/TR/html4/loose.dtd" 이부분을 지워주었더니 잘 되는군요. 4.0 뿐 아니라 4.01에서도 이상이 없는 듯 합니다. 드림위버에서 미리 만들어진 디폴트 파일들 수정해버렸습니다 -_- 감사
에디트플러스에서는 저것만 붙더라구요..