div 겹치기 질문 드립니다. 스크롤 때문에요..
링크
http://www.badahotel.kr/company/company1.asp (269) http://garvo.rubi.co.kr/sub/sub_01_01.php (195)
http://www.badahotel.kr/company/company1.asp
여기처럼 하려고 하는데요
겉에 배경 div 있고 안에 컨텐츠만 움직입니다.
<style type="text/css">
#container {
width: 100%;
height: 800px;
padding: 0px;
margin: 0px;
background-image:url('<?=$g4[path]?>/sub/image/sf_bg.jpg');
overflow: auto;
}
#box1 {
width:1050px;
overflow: hidden;
}
</style>
이렇게 스타일 주고
<div id="container">
<div id="box1">
내용들 쭉~~
</div>
</div>
했더니 빨간 네모칸 처럼 오른쪽에 스크롤이 2개가 생겨서요.,..
overflow:hidden 하면 아얘 내려가지도 않으니까 문제 입니다.
어떻게 해야 하나요?
여기처럼 하려고 하는데요
겉에 배경 div 있고 안에 컨텐츠만 움직입니다.
<style type="text/css">
#container {
width: 100%;
height: 800px;
padding: 0px;
margin: 0px;
background-image:url('<?=$g4[path]?>/sub/image/sf_bg.jpg');
overflow: auto;
}
#box1 {
width:1050px;
overflow: hidden;
}
</style>
이렇게 스타일 주고
<div id="container">
<div id="box1">
내용들 쭉~~
</div>
</div>
했더니 빨간 네모칸 처럼 오른쪽에 스크롤이 2개가 생겨서요.,..
overflow:hidden 하면 아얘 내려가지도 않으니까 문제 입니다.
어떻게 해야 하나요?
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 5개
overflow: auto;
없애세요.
#container {
position:fixed;
width: 100%;
height: 800px;
padding: 0px;
margin: 0px;
background-image:url('<?=$g4[path]?>/sub/image/sf_bg.jpg');
}
#box1 {
width:1050px;
height: 800px;
overflow-x: hidden;
}
</style>
이렇게 하니까
흰색 box 쪽에 스크롤이 생겨요..
스크롤이 2개 생기는건 변함이 없는것 같아요..ㅠ_ㅠ