Проблема с макетом CSS

Question

В верхней части этой веб-страницы в основной области содержимого (белый фон) есть два элемента: изображение и поле с логотипом.

Поле с логотипом всплывает справа, а изображение имеет правое поле, достаточно большое для размещения поля с логотипом и небольшого отступа. Однако, если вы сделаете окно браузера достаточно узким, поле логотипа будет скользить под изображением. Я хотел бы, чтобы горизонтальное пространство между ними уменьшилось до минимум 6 пикселей, а если в окне браузера появятся более узкие горизонтальные полосы прокрутки.

Есть ли способ, которым я могу достичь этого, не прибегая к полностью «замороженному» макету, т.е. устанавливая фиксированную ширину в основной области содержимого?

Спасибо, Don

Answer 1

Свойство css min-width делает то, что вы хотите. Не работает в IE 6, хотя. Для этого может помочь JavaScript, если это действительно необходимо.

Установите для белого DIV's min-width размер изображения + границу.