Увеличение ширины элемента до ширины страницы на странице фиксированной ширины

Question

У меня есть фиксированная ширина сайта, в области содержимого я показываю средство просмотра журнала.

Средство просмотра журнала трудно читать, поскольку оно ограничено фиксированной шириной сайта, а строки журнала довольно длинны.

Что я хочу сделать, над просмотром журнала есть кнопка с надписью «Развернуть», при щелчке ширина окна просмотра журнала будет расти чуть меньше, чем размер окна просмотра.

Остальная часть сайта все равно останется фиксированной, но просмотрщик журналов будет таким же широким, как и экран.

Я нарисовал образ того, что я хочу достичь здесь:

http://imgup.co.nz/3940

Я попытался установить "позицию: абсолютная; слева: 20px" (Как и при установке ширину), но это приводит к тому, что нижний колонтитул моего сайта перемещается вверх, чтобы находиться под средством просмотра журнала (поскольку просмотрщик журналов больше не увеличивает высоту области содержимого).

Я не уверен, что делать, все должно быть связано с css. Я верю.

Любая помощь была бы высоко оценена!

Answer 1

Попробуйте это: http://jsfiddle.net/h4C2p/

EDIT: К сожалению, это не будет работать для различной ширины. Вот то, что работает: http://jsfiddle.net/h4C2p/1/

Answer 2

Если вы не возражаете установить высоту для области содержимого, установите ее для родителя элемента везде, где вы показываете журнал.

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