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>
근데 익스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년 전
녀우비님말대로 소스확인해보세요;; 저는 똑띠 나오는데;;
게시글 목록
| 번호 | 제목 |
|---|---|
| 2372 | |
| 25946 | |
| 14575 |
jQuery
jquery 질문하나만 부탁드립니다.
5
|
| 2367 | |
| 29773 | |
| 2358 | |
| 2354 | |
| 2350 | |
| 29770 | |
| 29766 |
HTML
자바스크립트 정규식 질문 드립니다
3
|
| 24173 | |
| 2345 | |
| 25942 | |
| 25939 | |
| 29764 | |
| 14571 |
jQuery
jQuery 샘플자료들이 많군요
3
|
| 14567 | |
| 14561 |
JavaScript
css관련 질문입니다!
5
|
| 24172 | |
| 29763 | |
| 14556 |
JavaScript
관계연산자?
4
|
| 14550 |
JavaScript
select 를 스크립트 질문이요.
5
|
| 14549 | |
| 2332 | |
| 14544 | |
| 14535 |
JavaScript
php함수에 setTimeout 비스꾸무리한게 있나요?
8
|
| 14534 | |
| 14529 | |
| 2318 | |
| 2313 | |
| 2311 | |
| 14526 |
JavaScript
제로보드&그누보드 구별법
2
|
| 14522 | |
| 29761 | |
| 25938 | |
| 29759 |
HTML
소스가 안되서 질문을 좀 드려요
1
|
| 2297 | |
| 2281 | |
| 25936 | |
| 14521 | |
| 14514 |
MySQL
트렌젝션 문의
6
|
| 24167 | |
| 25935 | |
| 2266 | |
| 14513 |
JavaScript
특정사용자 소유의 모든파일 찾기
|
| 14512 | |
| 2257 | |
| 2230 | |
| 14511 | |
| 25926 |
계약서
유지보수 계약서
8
|
| 14503 | |
| 2224 | |
| 25922 | |
| 25920 | |
| 2211 | |
| 14500 | |
| 2209 | |
| 14499 | |
| 24158 | |
| 2204 | |
| 14491 | |
| 2197 | |
| 14490 |
jQuery
Jquery + me2day 검색
|
| 14489 |
jQuery
Jquery + me2day 검색
|
| 2189 | |
| 24155 | |
| 14487 |
MySQL
mysql 데이터 파일 체크하기
1
|
| 14486 | |
| 25916 | |
| 2185 | |
| 29757 |
HTML
제이쿼리 부문 질문입니다.
1
|
| 24154 | |
| 25913 | |
| 29755 | |
| 14484 | |
| 2181 | |
| 2164 | |
| 25907 | |
| 2163 | |
| 2153 | |
| 2149 | |
| 2145 | |
| 2130 | |
| 2116 | |
| 2107 | |
| 2103 | |
| 29753 | |
| 14483 |
JavaScript
view.skin.php 파일 하나 만들어 주시면 안될까요?
|
| 2099 | |
| 2039 | |
| 29750 | |
| 2021 | |
| 2015 | |
| 2006 | |
| 14482 | |
| 1989 | |
| 1972 | |
| 1969 | |
| 14481 | |
| 1963 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기