Div с шириной в процентах по-прежнему переносятся при уменьшении области просмотра

Question

http://jsfiddle.net/rExDY/

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

Answer 1

Ширина содержимого установлена ​​на 90%.Если область просмотра настолько мала, что поле <nav> не умещается в оставшиеся 10% ширины, то содержимое оборачивается под ним.Если вы уменьшите ширину содержимого до 80%, вы увидите, что он ведет себя намного лучше, но правильный способ записать его - зарезервировать столбец абсолютной ширины для элемента <nav> в левой части окна.

Answer 2

Почему бы не попробовать поиграть с чем-то вроде этого

http://jsfiddle.net/rExDY/27/

Навигация и контент не будут перекрываться, если экран не очень маленький.Вы можете использовать CSS3 для перемещения навигационной панели, если она достигает определенной ширины.

Answer 3

Возможно, вы захотите попробовать свойство ячейки таблицы (только для IE8 и выше) и добавить запасной вариант (например, с фиксированным значением for nav) для IE7 и ниже:

демо