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>
근데 익스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개
14년 전
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>
<!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>
14년 전
doctype 선언했습니다.. 그래도 않되요 ㅠ
14년 전
녀우비님말대로 소스확인해보세요;; 저는 똑띠 나오는데;;
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5852 | 9년 전 | 609 | ||
| 5851 | 9년 전 | 539 | ||
| 5850 | 9년 전 | 395 | ||
| 5849 | 9년 전 | 301 | ||
| 5848 | 9년 전 | 300 | ||
| 5847 | 9년 전 | 295 | ||
| 5846 | 9년 전 | 274 | ||
| 5845 | 9년 전 | 296 | ||
| 5844 | 9년 전 | 313 | ||
| 5843 | 9년 전 | 411 | ||
| 5842 | 9년 전 | 304 | ||
| 5841 | 9년 전 | 1077 | ||
| 5840 |
 ABC디자인 |
9년 전 | 1195 | |
| 5839 | 9년 전 | 581 | ||
| 5838 | 9년 전 | 318 | ||
| 5837 | 9년 전 | 367 | ||
| 5836 | 9년 전 | 359 | ||
| 5835 | 9년 전 | 489 | ||
| 5834 | 9년 전 | 334 | ||
| 5833 | 9년 전 | 452 | ||
| 5832 | 9년 전 | 285 | ||
| 5831 | 9년 전 | 269 | ||
| 5830 | 9년 전 | 281 | ||
| 5829 | 9년 전 | 327 | ||
| 5828 | 9년 전 | 303 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기