Можно ли установить значение «Минимальное расстояние слева» для DIV?

Question

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

Я думаю, что решение, вероятно, простое, но я не могу понять это. Я установил DIV, который содержит «Последние новости», в 48 пикселей справа, абсолютно позиционированный, и я хотел бы установить что-то похожее, чтобы оно никогда не приближалось к 800 пикселей (или что-то еще) от левого края окна.

Я могу опубликовать фрагменты кода, но не уверен, какой CSS будет полезен прямо сейчас.

Вы можете увидеть проблему у меня здесь: http://www.cjfoote.co.uk/news/index.html

Answer 1

Да, min-width - правильное свойство.

Однако вам нужно немного изменить макет, чтобы использовать его, потому что #centre, #left и #right все являются абсолютными.

Вы можете добиться большего успеха, располагая #centre позиционированными static или relative, с достаточным количеством padding-right и padding-left для размещения абсолютно позиционированных #right и #left внутри него. Тогда #centre будет естественно занимать оставшееся пространство, и вы можете использовать min-width на body.

Answer 2

Используйте свойство css min-width. Это сделает его таким, чтобы при определенной ширине он не уменьшился.

См. Также

CSS min-width Свойство