min-width для IE c помощью CSS и HTML
Долго искал, как задать минимальный размер страницы в IE средствами только CSS+HTML. Наконец то нашел! Автора данного подхода я не знаю, но признаюсь честно — это не я ?
CSS выглядит так:
.outer {
padding: 0px;
margin: 0px auto;
width: 100%;
height: 100%;
text-align: left;
min-width: 680px;
}
HTML .minwidth {
padding-left: 680px;
}
HTML .minwidth {
height: 1px;
}
HTML .layout {
height: 1px;
}
HTML .container {
margin-left: -680px;
position: relative;
height: 1px;
}
В строках 07, 10 и 19 задается желаемая минимальная ширина. Само собой, что числа в каждой строке должны быть одинаковые.
А вот обертка для элемента которому нужно задать min-width
:
<div id="outer">
<div class="minwidth">
<div class="layout">
<div class="container">
Контент
</div>
</div>
</div>
</div>