CSS 표현이 브라우저에 충돌하는 경우

내 웹 사이트에서 body 태그의 너비를 640px 이상으로 설정하겠습니다. 것은 IE6가 min-width를 인식하지 않는, 그래서 난 내 IE6 스타일 시트에서 CSS 표현으로이 문제를 해결하기 위해 노력하고있어 :CSS 표현이 브라우저에 충돌하는 경우

body { 
    width : expression(this.clientWidth < 639 ? "640px" : "auto"); 
}

을하지만 크기를 조정으로이 아들로 브라우저를 충돌합니다. this.clientWidth 대신 document.body.clientWidth으로 시도했지만 너무 충돌합니다. 이 문제를 해결할 수 있습니까? body이 padding:0있다

출처

2012-05-02 federicot

IE6는 CSS 표현식을 지원합니까? 나는 이것에 대해 들어 본 적이 없다. 당신이 우리에게 말하지 않은 플러그인이 있습니까? 아니면 실제로 이것은 놀라운 IE6 기능입니까? – Ryan

IE6는 CSS 표현을 지원합니다. 나는 그들을 피할 것이다. 이 S.O. 대답은 당신을 도울 수 있습니다. John Doe : http://stackoverflow.com/questions/93274/min-width-in-msie-6 – kinakuta

감사합니다.이 작업을 수행하는 방법은 여러 가지가 있지만 실제로 작동하는 것은 하나뿐입니다. 나는 그것을 시도했다 [this one] (http://stackoverflow.com/questions/93274/min-width-in-msie-6#93530). 그것은 약간의 HTML 침입이지만, 그것은 멀티 브라우저 수정입니다. – federicot

경우,이 작동합니다 :

이

body { 
    width : expression(this.clientWidth < 641 ? "640px" : "auto"); 
}

데모 :

body { 
    width : expression(this.clientWidth < 641+parseInt(document.body.currentStyle.paddingLeft,10)+parseInt(document.body.currentStyle.paddingRight,10) ? "640px" : "auto"); 
}

데모와 : 경우 http://jsfiddle.net/kt2m8/embedded/result/

일부 padding는이 같은 것을 사용할 수있다 및 margin:10px : http://jsfiddle.net/vL689/embedded/result/

출처

2012-05-03 00:40:03 stewe

시도해 보니 작동하지 않았습니다 : /. 나는 ie6, lol을 사용하여 jsfiddle에서 예제를 볼 수 없었다. 어쨌든 당신의 답변을 주셔서 감사합니다. – federicot

@ 존도 : IE6 (6.00.2900.2180)의 보안 설정 : 보통 -> http://i.stack.imgur.com/HUBKx.jpg에서 시도해 봤습니다. – stewe

CSS 표현이 브라우저에 충돌하는 경우

답변

관련 문제