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년 전
녀우비님말대로 소스확인해보세요;; 저는 똑띠 나오는데;;
게시글 목록
| 번호 | 제목 |
|---|---|
| 1515 | |
| 1514 |
HTML
공백 문자의 병합
|
| 1513 |
HTML
제대로 단위 사용하자
|
| 1507 | |
| 1501 | |
| 1499 |
HTML
이미지를 돌려요 ~
1
|
| 1498 |
HTML
css3 메뉴
|
| 1497 | |
| 1495 |
HTML
가변 위치에 배너 붙이기
1
|
| 1491 | |
| 1488 | |
| 1487 |
HTML
[vim] 주석 달기~
1
|
| 1470 | |
| 1466 |
HTML
브라우저별 개발모드
3
|
| 1465 |
JavaScript
Http Live Stream 에 관하여
|
| 1453 |
JavaScript
img 자체에서 이미지 없을때 안보이게 하기
12
|
| 1449 | |
| 1441 | |
| 1435 | |
| 1434 |
HTML
Loading Panel Widget
|
| 1432 |
HTML
도와 주세요
1
|
| 1431 | |
| 1429 | |
| 1428 | |
| 1427 | |
| 1426 | |
| 1424 | |
| 1422 |
HTML
툴바 프로그램개발할때....
1
|
| 1417 |
HTML
코드 잘 모르는 이가 질문
4
|
| 1415 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기