IE6이하 버전에서 max-width, max-height 구현
1. 코드
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>max-height</TITLE>
<style>
#onlyfirefox {
border:1px dotted green;
max-width:300px;
}
#iemaxwidth {
border:1px dotted green;
max-width:300px;
width:expression(document.body.clientWidth > 300? "300px": "auto" );
}
#onlyfirefoxcharacters {
border:1px dotted green;
max-width:30em;
}
#iemaxwidthcharacter {
border:1px dotted green;
max-width:30em;
width:expression(
document.body.clientWidth > (500/12) *
parseInt(document.body.currentStyle.fontSize)?
"30em":
"auto" );
}
</style>
</HEAD>
<BODY>
<h4>Only FireFox</h4>
<p id="onlyfirefox">
이놈의 IE는 언제쯤 표준을 잘 지킬까. 양쪽 브라우저 작업 열라 힘들다.
</p>
<h4>IE max-width</h4>
<p id="iemaxwidth">
expression 구문을 활용하여 최대값을 설정하자.
</p>
<h4>Only Firefox - 문자열로 최대값 설정</h4>
<p id="onlyfirefoxcharacters">
012345678901234567890123456789012345678901234567890123456789<br>
가나다라바마사아자카가나다라바마사아자카가나다라바마사아자카<br>
30em 일때 숫자와 영문의 60자 , 한글은 30자네..
</p>
<h4>IE max-width - 문자열로 최대값 설정</h4>
<p id="iemaxwidthcharacter">
012345678901234567890123456789012345678901234567890123456789<br>
가나다라바마사아자카가나다라바마사아자카가나다라바마사아자카<br>
document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize) 는 참고를...
</p>
</BODY>
</HTML>
2. 샘플
3. 참고
