그누보드 - html에 100% 배경을 넣고 센터정렬을 했습니다.. 근데 ㅠㅠ

html에 100% 배경을 넣고 센터정렬을 했습니다.. 근데 ㅠㅠ > 퍼블리셔팁

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

html에 100% 배경을 넣고 센터정렬을 했습니다.. 근데 ㅠㅠ 정보

HTML html에 100% 배경을 넣고 센터정렬을 했습니다.. 근데 ㅠㅠ

본문

100% 배경을 넣고 센터정렬을 했습니다..
근데 익스6에서는 센터정렬이 잘되다가 윈도우창 하단에 스크롤바가 생기면 센터정렬이 멈추거든요..
다른 브라우져들은 하단에 스크롤이 생기든 않생기든 무조건 센터정렬이되고요...

제 질문의 요지는 익스6처럼 다른브라우져에서도 하단에 스크롤이 생기면 센터정렬이 멈추게 하는겁니다...
혹은 지정한 픽셀에서는 센터정렬이 멈추게하고싶은데..

회원님들의 은총어린 답변 기다리겠습니다 ㅠ

<style>
#body{
width:100%;
height:1000px;
border:2px solid #000000;
margin: 0 auto; text-align: left;
background:url('http://wdlook.com/ms_design/example/img/test_bg.png') no-repeat center top; left:0; top:0;
}

#wrapper{
width:1000px;
height:500px;
border:2px solid #000000;
margin: 0 auto; text-align: left;
}
</style>

<div id="body" class="png">
<div id="wrapper">

내용나오라오바

</div>
</div><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>

댓글 3개

녀우비 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

11.09.30 21:41:28

doctype선언안하고 작업하셨나봐요? 아래소스로 해보세요

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="IE=7" http-equiv="X-UA-Compatible" />
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">

<style>

#body{
width:100%;
height:1000px;
border:2px solid #000000;
margin: 0 auto; text-align: left;
background:url('http://wdlook.com/ms_design/example/img/test_bg.png') no-repeat center top; left:0; top:0;
}

#wrapper{
width:1000px;
height:500px;
border:2px solid #000000;
margin: 0 auto; text-align: left;
}
</style>

</head>

<body>

<div id="body" class="png">
<div id="wrapper">

내용나오라오바

</div>
</div>
</body>
</html>