css 레이아웃 잡았을 때 익스플로러 7.0에서 창크기(가로)에서 background이미지 뒤틀림에 따른 질문입니다.
횃불
아래는 창크기를 full로 했을때와 창크기 조정 후 새로고침했을 때의 이미지입니다.
아래는 창크기(가로사이즈)를 조절했을 때의 이미지입니다.
보시면 바로 차이점을 알 수 있겠지만..
설명드리자면~
위의 이미지는 페이지를 열고 바로 페이지가 띄워졌을 때 혹은 새로고침 했을 때의 이미지이고
아래 이미지는 위의 상태에서 창의 사이즈를 조절했을 때의 이미지입니다.
보시면 아시겠지만
아래의 떨어져보이는 이미지만 창의 가로50%에 맞게 조절이 되고 나머지 부분은 원래의 사이즈에서 조절이 되지 않는 상태입니다.
이부분을 모두 css로 제작했지만 수정을 해야 하는데 어찌 해야 할 지 막막하네요... 방법을 찾아보려는데 힘이드네요 ㅠㅠ
아시는 분이나 저와 같은 상황이신 분들 같이 헤쳐나가보아요~ ㅠ0ㅠ
답변 부탁드립니다.
-
꿈
답변 감사합니다~
body width:1004px;로 고정한 부분은 body width:100%;로 하게되면 본문컨텐츠는 왼쪽정렬이 되어버리고 맨 위에 login, newmember,.. 이 부분은 float:right;로 속성을 주어서 오른쪽 끝으로 이동하게 되어 브라우저를 전부 다 쓰게 되어서 1004px로 고정한 상태에서 쓰고있거든요...
수정하라는 대로 하고 그다음 소스를 추가해서 수정해야 하는건가요? -
황소자리
base.css에 width값이 1004px로 고정되어있네요...100%로 변경하시면 될거같애요..
body에 margin:0 auto와 padding:0은 지워주셔도 될거 같구요..
bg.gif라는 놈이 background로 깔려있던데....어떤놈인지 몰라서;;
width를 100%로 했을때 문제가 안될런지.. -
파랑
웹표준을 지향하는 브라우저...
[익스8.0 / 파이어폭스 / 크롬 / 사파리 / 오페라]에서는 다들 문제 없이 작동됩니다.
그런데 유독 7.0에서 이렇게 레이아웃이 틀어지네요... ㅠㅠ -
가막새
네 그렇군요;; 감사합니다^^.
css와 해당 페이지의 html파일 첨부했습니다~ 언어는 aspx인데 원천문서로 첨부했습니다~ -
흰양말
소스를 첨부해야 문제점을 찾을 수 잇을거 같아요
-
누리별
소스를 첨부하셔야 문제점을 체크하지 않을까요? ^^;
-
다참
아 좀 이해하시기가 어렵겠군요 ㅠㅠ;;;
쉽게 말하면 웹표준을 지향하는 브라우저에서는 창크기를 가로로 늘리던지 새로로 늘리던지에 상관없이 전에 가운데 정렬이 됩니다.
그런데 익스플로러 7.0에서는 창크기를 가로로 늘리게 되면 이미지가 레이아웃이 틀어지게 되더라구요.. 그래서 다른분들도 이런 상황이 있었는지 해결했으면 어떤방법으로 하셨는지 알고 싶어서 올리게 됐습니다. ㅠ.ㅠ 아... 막히네요~ -
우주
그림만 보고선 방법을 같이 찾자고 하시면...ㅠㅠ;;
-
처녀자리
\맨 위에 login, newmember,.. 이 부분은 float:right;로 속성을 주어서 오른쪽 끝으로 이동하게\ 라고 하신거를 topmenu의 position을 relative 로 하시고 login, newmember를 absolute 로 하셔서 right, top 으로 지정해 주시면될거 같은데요.
그리고 css 에서는 현제 문제가 되고있는 페이지에서 body 의 width 를 지정해주는 부분이 없어서 둘중 한가지 하시면될거라고 글쓴거에요 -
미리내
main_base.css 에서 body 에 대한 css가 존재하더군요. 여기서 width 갑을 1004px로 고정을 해서 그런거 같네요. 여기를 100%로 수정하시고
yoohoo.html 에서 main_base.css 를 불러들이지않으니 불러들이게끔 default.css 에 추가해주시던지 layout.css 에 body{width:100%}를 추가하시면될거 같네요.