Min-width bez JavaScriptu či Expressions i pro MSIE
Návod, jak v Microsoft Internet Exploreru nahradit jím nepodporovaný parametr min-width.
Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Stu Nicholls. Bližší popis najdete v článku Min-width for IE.
CSS
body
{
background:#fff;
font-family:“trebuchet ms“, „times new roman“, times, serif;
font-size:76%;
}
.obalovydiv
{
position:relative;
width:90%;
min-width:400px;
}
.obsahovydiv
{
display:block;
color:#000;
}
* html .obalovydiv
{
border-right:400px solid #fff;
background:blue;
}
* html .obsahovydiv
{
float:left;
position:relative;
margin-right:-400px;
background:blue;
}
.uvnitr
{
border-right:1px solid #aaa;
border-left:1px solid #aaa;
}
XHTML
<html>
<body>
<div class=“obalovydiv“>
<div class=“obsahovydiv“>
<div class=“uvnitr“>
Lorem ipsum…
</div>
</div>
</div>
</body>
</html>
