У меня есть страница с двумя div "list_events" и "right_content" рядом друг с другом. Когда я изменяю размер окна, "right_content" перемещается вниз "list_events", но я этого не хочу! Я не хочу, чтобы эти два divs не двигались, чтобы не уменьшаться при изменении размера окна. Как я могу это достичь?
это код
.list_events{margin-left:1em;float:left;}
.right_content{float:left;margin-left:1em;}
спасибо Лука
сначала добавьте родительский div/wrap и поместите эти два divs в него.
так:
<div id="wrap">
<div id="list_events"></div>
<div id="right_content"></div>
</div>
то вы можете попробовать
min-width (px/ems/etc) на родительском/обертовом div, например:
#wrap{
min-width: 600px;
}
В целом, независимо от того, какой размер вы добавляете к минимальной ширине, он масштабирует родительский div до указанного размера.
как только размер окна будет меньше вашего заданного размера, он будет вести себя как любое другое окно.
это мой способ сделать это.
Вы можете поместить эти divs в родительский div с фиксированной шириной/высотой для этого div или вы можете определить процентную ширину/высоту для каждого из двух div.