2009-09-16 9 views
0

전체 페이지 너비 인 div 안에 3 개의 열이 있습니다. 양쪽에있는 두 개는 너비가 25 %이고 중앙에있는 두 개는 너비가 50 %입니다. 이 레이아웃은 IE6에서 예외적으로 작동합니다. IE6에서는 특정 페이지 너비에서 오른쪽 열이 다음 줄로 넘어갑니다. 이 문제가 수정 되었습니까? 어쩌면 이런 식으로 페이지를 레이아웃하는 다른 방법일까요?너비가 100 % 인 인라인 블록 열

편집 : FF, IE, S, Chrome에서 잘 작동하는 크로스 브라우저 인라인 블록 해킹을 사용하고 있습니다. 나는이 변덕 스러움이 IE가 유동적 인 내용의 너비를 계산하는 방식과 관련이 있으며 오산 (어쩌면 반올림 할 것인가?) 때문에 발생한다고 확신한다. 나는 here의 예를 들고있다. 천천히 IE6 (어쩌면 이후 버전에서도)의 창 너비를 조정하고 녹색 DIV가 특정 너비로 ​​부딪히는 것을 지켜보십시오.

감사합니다,
브랜든

답변

1

IE6의 상자 모델에서 반올림 문제입니다. 일반적으로 조합을 100 %로 할 수는 없습니다. 총 너비의 99 %로 값 합계를 만들면 잘 작동합니다. 이 솔루션은 항상 나를 위해 일해 왔습니다.

+0

중앙 열을 49.9 %로 설정하면갔습니다. 나는해야 할 것 같아요. 감사합니다. – bloudermilk

+1

그것은 단지 IE6 문제 만은 아닙니다 : 1px 반올림 문제는 모든 브라우저에 영향을 미친 문제이며 Firefox 3 및 IE 8에서만 문제가 해결 된 것처럼 보입니다. 자세한 정보는 http://positioniseverything.net/round-error.html을 참조하십시오. 궁금한 점은 Mozilla 버그 보고서를 확인하는 것입니다. 이 문제를 해결하는 데 7 년이 걸렸습니다 (2000 년에서 2007 년까지) : https://bugzilla.mozilla.org/show_bug.cgi?id=63336 – NickFitz

0

그것은 해당 열의 내용의 조각 같은 소리는 페이지의 25 %가이 주어 폭보다 더 많은입니다 정의 폭을 가질 수 있습니다. CSS 예제를 제공 할 수 있습니까?

EDIT : IE6은 문제 일 수있는 인라인 블록을 지원하지 않습니다.

편집 2 : 가상 머신의 IE6에서 1680x1050 화면에서 보았습니다. 약 800px에서 1600px로 시간의 경과에 따라 너비를 천천히 드래그하면 오른쪽 열이 무작위로 이동합니다. 나는 당신이 사용하려고하는 해킹에 문제가 있다고 생각합니다. 코드가 너무 단순해서 대신 대체 해킹을 연구해야한다고 생각합니다. 또한 *<property>: <value> 해킹을 본 적이 없습니다. * 준수하는 모든 브라우저는 무엇입니까?

+0

Mark, float 속성에 대한 인라인 블록 해킹을 대체했으며 문제가 지속됩니다. – bloudermilk

관련 문제