У меня есть веб-страница с фиксированной шириной. Ранее он использовал таблицы, и я воссоздал его, используя div. В целом, я доволен этим (теперь нижний колонтитул хорошо ложится).
Но есть проблема - я не могу контролировать содержимое, и иногда оно может содержать очень широкие элементы. В текущем макете (divs), если элемент не помещается на экран, вам нужно прокрутить вправо (вы не можете этого избежать), и в этом случае фрейм страницы заканчивается, вы увидите пустое пространство (то есть без верхнего, нижнего колонтитула).
Причина в том, что div расширяется только до видимого окна.
Я вижу только два варианта решения:
- вернуться к макету таблицы. Это работало правильно для этого случая - расширялось за рамки окна, если содержание шире.
- реализовать решение JavaScript, которое проверит ширину и при необходимости увеличит ее. Но я думаю, что это просто неправильно.
Есть ли лучший способ решить это? Я хотел бы добиться такого же поведения, как с таблицами, но используя div.
И, пожалуйста, дайте мне знать, если вам нужна дополнительная информация, спасибо.
РЕДАКТИРОВАТЬ: мне нужно, чтобы он работал на IE6 (или, по крайней мере, на IE7, если IE6 не выглядит уродливо) и выше + во всех современных браузерах.
EDIT2: Вот пример, где вы можете видеть то, о чем я говорю: http://jsfiddle.net/wxrJU/6/. Если вы прокрутите вправо, вы увидите, что есть пустое пространство - рамка div не расширяется. Если бы кто-то мог предоставить решение, реализованное также в jsfiddle, я был бы признателен:).