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>

Теги: CSS, CSS/html, HTML, IE, Web

Комментарии ()