Это возможно с помощью CSS

Question

Я хочу макет CSS, два столбца слева - 40%, а остальные - 60% ... но я также хочу, чтобы левый размер не был меньше, чем, скажем, 200 пикселей при изменении размера браузера. Я использую абсолютное позиционирование. Мой CSS такой

#LeftSection
{
    position: fixed;
    float: left;
    width: 40%;
    height: 100%;
    background-color: #CCCCCC;
}
#RightSection
{
    position: absolute;
    margin-left: 40%;
    width: 60%;
    height: 100%;
    background-color: #333333;
}

Answer 1

Используйте min-width и различные хаки, чтобы заставить его работать с IE (см. Ссылку).

РЕДАКТИРОВАТЬ : Я не должен говорить хаки. Используйте условные комментарии для включения таблицы стилей только для IE.

Answer 2

вы пробовали это?

min-width:200px;

Answer 3

Все решения с минимальной шириной для LeftSection приведут к перекрытию двух <div /> или любого другого элемента блока, который вы используете, например, если окно браузера имеет ширину 400px, то LeftSection будет иметь ширину 200px, но RightSection будет иметь ширину 240px и иметь левое поле 160px, поэтому перекрытие на 40px К сожалению, в CSS нет стиля min-margin, поэтому IIRC не удастся полностью избежать наложения на небольшие окна браузера с вашей разметкой.

Answer 4

Вам также следует проверить таблицы совместимости QuirksMode PPK для свойств CSS , включая min-width / height . Это поможет вам, когда вы столкнетесь с неизбежными ситуациями, когда некоторые браузеры (IE6) работают не так, как другие.