Web story/Web

width값의 비율을 잘못 랜더링 하는 ie

JKJ1004 2009. 5. 26. 10:47

 
01.gif
위 이미지처럼
일정 width값을 가진 div안에
각각 50%씩 나눠지는 구조를 잡을때 (float:left, right 시킬경우)

겉 div width값이 홀수 일때!
ie는 홀수를 나눠가지질 못합니다.
그래서 float될때 지그잭으로 깨지네요!!

겉div가 width가 9라고면
파폭과 오페라는
02.gif
위와 같이 값을 알아서 나눠갖지는 반면

겉div가 width가 9라고면
ie는
03.gif
위와 같이 값을 이상하게 나눠가져서
틀어집니다.
%로 내부구조 div를 float 시킬때는 width값이 짝수로 잡히면 문제가 없습니다.

출처 : http://html.nhndesign.com/?mid=blog&category=88&document_srl=782 nhn 웹표준 블로그
반응형