ie6 이상한아이 발견~!
크로스브라우징 2012. 9. 6. 11:02#wrap {/*position:relative;*/ background:url(../images/common/bg.gif) repeat-x;}
ie 테스터로 본것이기때문에 브라우저도 동일하게 나오는지는 확인을 못햇다.
이번에 코딩하면서 이상했던것....
가장 상위 div에 background 를 반복시키면 position:relative; 가 들어간 div가 위에 있을 경우 margin-top이 먹질 않는다....
익스는 ie6,7을 대상으로 강제업데이트를 했으나....아직도 ie6을 쓰는곳이 있다 -_-; ㅋ
왠만하면 말 안나오게 다 맞추는 편인데 예전 프레임셋을 쓰면서 body 에 background를 넣었을경우 무한반복되는 현상으로 인해 body안에 이미지를 안넣고 상위 div 에 넣었는데 이미지 반복시키니까 margin-top 부분이 이상해진다.
문제는 바로 위에 있던 div 에 position:relative; 가 들어가있다는 건데..뺄수가 없다. 하나하나 지워가다보니....결국 bg 반복이 문젠데.....가장 상위 div에 position:relative; 를 넣고 해결했다.
ie6은 파도파도 끝이 없다. 왠만한 버그는 다 섭렵했다고 생각했거늘..-_-;ㅋ...
'크로스브라우징' 카테고리의 다른 글
윈도우10 엣지브라우저 전화번호 형태 링크없앰 (0) | 2016.06.08 |
---|---|
ie6 주소창고정프레임셋 백그라운드 버그 (0) | 2011.12.01 |
ie6/ie7 border-collapse 문제 (0) | 2011.11.23 |
익스플로러 filter 적용 문제 (0) | 2011.06.13 |
word-break 이런 문제가.... (0) | 2011.05.31 |