Я посмотрел каждую дискуссию, которую смог найти, и не совсем понял свой ответ. Я надеюсь, что я не репост.
У меня есть жидкостная раскладка, за исключением одного деления слева, которое у меня в фиксированной позиции. Мне нужно сохранить, если исправлено, потому что когда я прокручиваю, я хочу, чтобы он остался. Другие дивы разложены рядом с ним. Все выглядит великолепно, пока экран не достигнет определенной ширины (около 1700 пикселей), а затем фиксированный div начинает закрывать div сразу вправо.
Я использовал минимальную ширину на теле, чтобы исправить это, но минимальная ширина, которая работает, слишком велика, чтобы гарантировать предотвращение горизонтальной прокрутки на маленьких экранах или когда кто-то изменяет размеры окна / увеличения.
Как сделать так, чтобы он был жидким, и чтобы он выглядел хорошо, независимо от размера экрана?
CSS ниже:
body {
min-width:1000px; /*~1700 to fix problem*/
padding-left:5px;
padding-right:5px;
padding-top:0;
padding-bottom:0;
margin:0;
}
.container {
padding: 0;
margin-left:auto;
margin-right:auto;
height:100%;
}
.leftinfo {
float:left;
position:fixed;
left:.5%;
top:150px;
background-color:#FFF;
height:400px;
width:160px;;
padding:10px;
}
.rightinfo {
background-color:#33F;
float:right;
height:200px;
border:thin;
width:15%;
margin-top: 25px;
}
.contentbackground {
float:left;
width:74%;
margin-left:10.5%;
margin-top: 30px;
}
Большое спасибо за помощь!