div 겹치기 질문 드립니다. 스크롤 때문에요.. 정보
div 겹치기 질문 드립니다. 스크롤 때문에요..관련링크
본문
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 하면 아얘 내려가지도 않으니까 문제 입니다.
어떻게 해야 하나요?
댓글 전체
container에
overflow: auto;
없애세요.
overflow: auto;
없애세요.
업애면 긴 내용일 때 스크롤 자체가 안생기니까 하단은 못보게 됩니다..ㅠ_
일단 배경을 fix로 고정시키시고....콘테이너에 overflow 없애고 box에 overflow를 주면 되지 않을까요...?
<style type="text/css">
#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개 생기는건 변함이 없는것 같아요..ㅠ_ㅠ
#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개 생기는건 변함이 없는것 같아요..ㅠ_ㅠ
그냥 스크롤 색을 전부 흰색으로 해서 처리 했어요...뭐