Мин ширина в окне изменение размера

Question

У меня есть веб-страница с макетом жидкости с шириной 100%.

Когда я изменил размер окна браузера, элементы на странице перекрываются.

Я бы создал эффект, похожий на этот сайт http://bologna.bakeca.it/ То, что когда окно меньше, чем фиксированная ширина, останавливающая изменение размера.

Answer 1

Вы можете установить минимальное свойство CSS для тега тела. Поскольку это свойство не поддерживается IE6, вы можете написать как:

body{
   min-width:1000px;        /* Suppose you want minimum width of 1000px */
   width: auto !important;  /* Firefox will set width as auto */
   width:1000px;            /* As IE6 ignores !important it will set width as 1000px; */
}

Или:

body{
   min-width:1000px; // Suppose you want minimum width of 1000px
   _width: expression( document.body.clientWidth > 1000 ? "1000px" : "auto" ); /* sets max-width for IE6 */
}

Answer 2

Ну, ты в значительной степени дал себе ответ. В ваших CSS дают содержащий элемент мин ширина. Если вам нужно поддержать IE6, вы можете использовать минимальную ширину:

#container {
    min-width:800px;
    width: auto !important;
    width:800px;
}

Это будет эффективно дать вам ширину 800PX в IE6 и любых современных браузерах.