Min-width bez JavaScriptu či Expressions i pro MSIE

1. října 2005

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>

Mohlo by vás také zajímat

Nejnovější

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *