backgroud - repeat-x / 브라우저 100%
찰스
2023.04.01
안녕하세요..
-----
#headerBody{background:url(../images/header_bg.gif) repeat-x;}
#header{width:1224px; height:69px;}
-----
이런식으로 headerBody에 background를 repeat-x 시키는데요...
질문 드립니다.
width:1224px;인데 1224px보다 큰 해상도에서는 repeat-x 되어서 잘 나옵니다..
문제는 1224px 보다 작은 해상도(예:노트북 800px해상도)나,
1244px보다 브라우저를 줄여서 보면 스크롤이생기는데
그숨겨진 가로스크롤을이동하서 보면repeat-x 되야할 background이미지가 짤려서 보입니다.
즉 무조건 브라우저에서 보여지는 화면에서만 repeat-x 가 되어 나옵니다.
headerBody에 이런저런 태그들을 넣어봤는데 잘 안잡히네요.
조언 부탁드립니다.
화면은 아래와 같습니다..
우측 스크롤에 숨겨진 부분인데요
이미지가 repeat-x 되는 해더와 풋터 이미지 보면 짤려있죠...
-
초코초코해
와우~~~~!!!!!!!!!! 이문제로 엄청 해매고 있었는데, 정말 감사합니다. ㅜ.,ㅜ b
-
개럭시
저도 찾고있었는데 감사합니다.ㅠㅠ
-
큰돛
카모마일님 갑사합니다.해결되었습니다~^^
-
싴흐한세여니
해더바디에min-width를 1224px주세요