IE7에서 float:right 버그에 관한 초간단 팁.
표준 코딩을 하다보면 float를 많이 사용하게 되는데요.
이전에는 꽤 괜찮다고 생각했던 IE7에서 오류들이 많이 발생합니다.
<style>
.wrap { float:left; width:100%; }
.left { float:left; }
.right { float:right; }
</style>
<div class='wrap'>
<div class='left'>
aaaa
</div>
<div class='right'>
bbbb
</div>
</div>
이와 같은 코딩에서 좌우로 float을 줄 경우에
IE7에서는 float:right 한 부분이 left 아래로 떨어지는 현상이 발생합니다.
이럴때는 wrap에 overfloat:hidden 을 추가해주면 간단히 해결됩니다.^^
그 밖에도 IE7에서 float:right 버그가 여러개 있는 것 같은데
검색엔진에서 검색하면 아쉽게도 영문자료들만 많이 나오네요 ㅠ
이전에는 꽤 괜찮다고 생각했던 IE7에서 오류들이 많이 발생합니다.
<style>
.wrap { float:left; width:100%; }
.left { float:left; }
.right { float:right; }
</style>
<div class='wrap'>
<div class='left'>
aaaa
</div>
<div class='right'>
bbbb
</div>
</div>
이와 같은 코딩에서 좌우로 float을 줄 경우에
IE7에서는 float:right 한 부분이 left 아래로 떨어지는 현상이 발생합니다.
이럴때는 wrap에 overfloat:hidden 을 추가해주면 간단히 해결됩니다.^^
그 밖에도 IE7에서 float:right 버그가 여러개 있는 것 같은데
검색엔진에서 검색하면 아쉽게도 영문자료들만 많이 나오네요 ㅠ
|
댓글을 작성하시려면 로그인이 필요합니다.
프로그램
태그 필터 (최대 3개)
전체
개발자
소스
기타
mysql
팁자료실
javascript
php
linux
flash
정규표현식
jquery
node.js
mobile
웹서버
os
프로그램
강좌
썸네일
이미지관련
도로명주소
그누보드5
기획자
견적서
계약서
기획서
마케팅
제안서
seo
통계
서식
통계자료
퍼블리셔
html
css
반응형
웹접근성
퍼블리싱
표준화
반응형웹
홈페이지기초
부트스트랩
angularjs
포럼
스크린리더
센스리더
개발자톡
개발자팁
퍼블리셔톡
퍼블리셔팁
기획자톡
기획자팁
프로그램강좌
퍼블리싱강좌
댓글 10개
div 와 같이 기본 display:block 속성을 가진 요소에 대하여 나타나는 것으로 알고 있습니다.
^^ overflow 를 하지 마시고 width: 를 넣으시면 해결 됩니다. ㅎ
그리고 제가 쓰는 방법으로는 float 속성사용시 불가능하지 않다면 width: 를 주고
바로 밖에 있는 레이어에 height 속성을 넣어놓습니다. 그래야 float 사용으로 남은 공간에 불필요한 끼거나 화면에 문제가 없도록 사용합니다.
플롯 속성 특히 ie7에서는 width값이 들어가야지 정확하게 자기의 사이즈를 알고 포지션을 잡죠
overflow:hidden이 꼼수이긴하나 정확하게 집고 가자면 width값을 넣어주면 되는걸로 알고 있습니다.
많이 쓰지 않는게 좋습니다