Возможно ли это с помощью CSS

-1

Я хочу макет CSS, два столбца слева - 40%, а остальные остальные (60%) ... но я также хочу, чтобы левая была не до gwt меньше, чем 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; 
}

источник

2009-07-21 Anonymous

Вы уверены, что позиция: исправлено то, что вы хотите для LeftSection? –

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

EDIT: Я не должен говорить хаки. Используйте условные комментарии, чтобы включить таблицу стилей только для IE.

источник

2009-07-21 20:42:16

Спасибо! Я даже не знал, что это свойство существует :) Не могли бы вы снова отправить ссылку? для IE кошмар – 2009-07-21 20:44:19

Ссылка - это слово «min-width» в моем ответе. –

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

min-width:200px;

источник

2009-07-21 20:42:40 Mats

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

источник

2009-07-21 20:49:01 calvinf

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

источник

2009-07-21 21:28:07 Residuum

Возможно ли это с помощью CSS

ответ

Смежные вопросы