margin 스타일 지정에서 auto 사용이 안 됩니다. 정보
margin 스타일 지정에서 auto 사용이 안 됩니다.본문
안녕하세요,
그누보드4 루트 디렉토리에서 다음의 코드를 별도의 php 파일로 저장해 연습해 봤습니다.
<?php
include_once("./_common.php");
Include_once("./head.sub.php");
?>
<style type="text/css">
html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
</style>
<html>
<body>
<div style="width: 100px; border: 1px solid green; margin: 0 auto;">컨텐츠</div>
</body>
</html>
목적은 컨텐츠 div 박스를 수평 중앙 정렬하는 것이었는데
두 브라우저로 테스트했습니다.
IE8 : 왼쪽에 붙어있습니다.
파폭 : 중앙 정렬되어 있습니다.
doctype 에 문제가 있나 싶어서 인클루드 시킨 head.sub.php 를 들어가
1. 원래 상태로 테스트해봐도
2. 찾은 doctype 주석을 해제해서 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 를 활성화하고 테스트 해봐도
3. 별도로 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> 를 써넣고 테스트 해봐도
문제가 그대로입니다.
원인이 무엇일까요?
고수분들의 고견을 여쭙습니다.
감사합니다.
그누보드4 루트 디렉토리에서 다음의 코드를 별도의 php 파일로 저장해 연습해 봤습니다.
<?php
include_once("./_common.php");
Include_once("./head.sub.php");
?>
<style type="text/css">
html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
</style>
<html>
<body>
<div style="width: 100px; border: 1px solid green; margin: 0 auto;">컨텐츠</div>
</body>
</html>
목적은 컨텐츠 div 박스를 수평 중앙 정렬하는 것이었는데
두 브라우저로 테스트했습니다.
IE8 : 왼쪽에 붙어있습니다.
파폭 : 중앙 정렬되어 있습니다.
doctype 에 문제가 있나 싶어서 인클루드 시킨 head.sub.php 를 들어가
1. 원래 상태로 테스트해봐도
2. 찾은 doctype 주석을 해제해서 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 를 활성화하고 테스트 해봐도
3. 별도로 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> 를 써넣고 테스트 해봐도
문제가 그대로입니다.
원인이 무엇일까요?
고수분들의 고견을 여쭙습니다.
감사합니다.
댓글 전체
DTD 선언을 이렇게 해보세요.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">