브라우저 창을 줄이고 스크롤이 발생했을때 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
-
꽃큰
-_-ㅗ
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2655352 | 동영상 플래이어 (2) | 머슴밥 | 2024-05-19 |
2655320 | GList를 사용하는데 에러가 발생합니다. 도와주세요~~ | 찬늘봄 | 2024-05-18 |
2655291 | 자바 초보입문했는데요~~ | 이퓨리한나 | 2024-05-18 |
2655235 | xml연동 갤러리 생성관련 질문입니다. (2) | 난새 | 2024-05-18 |
2655205 | C++ 포인터 if | WatchOut | 2024-05-17 |
2655150 | 모바일 웹 환경을 구축을 할때의 콘텐츠 이미지 사이즈 (2) | 레오 | 2024-05-17 |
2655122 | 엥;; getMonth() 왜이렇게 나타나죠? (6) | 초코맛캔디 | 2024-05-17 |
2655095 | 구구단 질문이요 (3) | 하예진 | 2024-05-16 |
2655064 | RSA.js 파일 구할 수 있을가요.. 있으신분 첨부좀 해주세요.. | 얀 | 2024-05-16 |
2655009 | 유료테마 사려고 하는데 데모파일이 없다면 | 에드가 | 2024-05-16 |
2654980 | cximage를 통해 jpg파일을 받아와 윈도우에 뿌리는 프로그램을 만드는중인데 꼬였습니다. (4) | 하린 | 2024-05-15 |
2654922 | 고도몰 3차 4차 이상 카테고리 표출되게.. (7) | 유메 | 2024-05-15 |
2654874 | 제이쿼리랑 자바스크립트 학원 추천좀부탁드릴게요 (7) | 향율 | 2024-05-14 |
2654843 | 탭버튼 코딩시 마우스오버가 접근성에 왜 어긋나는지 궁금합니다... (1) | 걸때 | 2024-05-14 |
2654814 | 중국어 인코딩 관련해서 질문요,,, (5) | 화이트캣 | 2024-05-14 |
2654783 | 이 알고리즘 한줄한줄 해석좀 부탁드립니다. (1) | 요루 | 2024-05-14 |
2654764 | t 탭 질문이여. (3) | 눈 | 2024-05-13 |
2654737 | 크롬 인쇄하기 오류 (멈춤현상) | 아라 | 2024-05-13 |
2654708 | ie6에서 margin 문제 (5) | 너만 | 2024-05-13 |
2654681 | 아까 올렸던 질문의 액션코딩 (3) | 큰꽃들 | 2024-05-13 |