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>

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.