Попытка остановить размещение тела под боковой панелью

Question

http://jsfiddle.net/5V7Q7/3/

То, что я пытаюсь сделать, это остановить движение тела ниже боковой панели , когда для тела рядом с боковой панелью недостаточно места.

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

(измените размер браузера, чтобы увидеть эффекты) - нажмите на ссылку скрипты, например, о том, что происходит.

Answer 1

Вот jsfiddle чтобы делать то, что вы хотите

Основная идея:

#body, #sidebar {display: table-cell;}

и удалить все float: left.

Answer 2

Обратите внимание, что display: table-cell не распознается IE7.Вам придется написать отдельную таблицу стилей для IE7

. Я создал другой подход, ширина больше не является боковой панелью ... оба основаны на процентах.Проверьте это .Если IE7 вас не беспокоит, используйте решение, указанное выше.