브라우저 창을 줄이고 스크롤이 발생했을때 div의 width:100% 문제.
유1혹
2023.04.01
일단 body 안에 가지고있는 감지할수 있는 컨텐츠의 넓이는 900px 입니다.
그런데 header, footer 의 경우 bg만 100% 로 늘어나야해서 repeat-x 시켜주고,
각각 margin:auto 시켜주기 위한 div 를 하나더 넣어서 900px; margin:auto 줬습니다.
대략적인 코드를 보여드리면 아래와 같아요.마크업div id=header div h1로고/h1 /div/div
CSS#header{width:100%;background:url(../images/bg.gif) 0 0 no-repeat)#header div{width:900px;margin:auto}그런데 브라우저의 넓이가 넓을때는 bg repeat이 관계없이 잘됩니다만 ㅠ.ㅜ브라우저의 창가로크기를 900px 이하로 줄이고, 스크롤이 생길경우 body 의 영역이900px 만큼만 잡혀버려서 header 의 bg가 잘려보이는 현상이 발생하네요 ..
해결방법을 알려주시면 감사하겠습니다 ㅠ
-
누리봄
min-width:900px
-
꽃큰
-_-ㅗ