★゜・。。・゜゜・。。・゜☆ 2011年10月05日 ☆゜・。。・゜゜・。。・゜★
スクリプトを使わずに、IE6でmin-width
「min-height」についてはこちらに書きましたが、IE6でも「min-width」の挙動をさせる備忘録です。
スクリプトを使えばできるんですが、そもそもIE6でスクリプトを実装させると重たくて固まってしまうことが多いので、htmlとcssだけで書くサンプル。テストのためのコピペが楽なようにcssはhtml内に書きました。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>さんぷる</title>
<style type="text/css">
#wrapper1 {
min-width: 400px;
overflow: hidden;
_zoom:1;
}
* html #wrapper1 {
margin-left: 400px;
overflow: hidden;
zoom: 1;
}
* html #wrapper2 {
position: relative;
margin-left: -400px;
overflow: hidden;
zoom: 1;
}
</style>
</head>
<body>
<div id="wrapper1">
<div id="wrapper2">
零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃零市煮酸詩後禄質八級銃
</div>
</div>
</body>
</html>