Повторите аналогичный HTML-макет по вертикали вдоль страницы - PullRequest
0 голосов
/ 15 декабря 2011

У меня есть HTML-макет, выполненный с использованием абсолютно расположенных элементов div и фонового изображения. Я хочу, чтобы макет оставался одинаковым по вертикали (каждая отдельная часть / страница представляет набор данных). Я не хочу менять положение div с абсолютного, так как это портит вещи, и у меня заканчивается время для этого.

Я понимаю, что у меня может быть несколько тегов body для каждого набора данных, и, поскольку этот html будет, наконец, сгенерирован из xml с использованием xslt, это не проблема.

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

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

1 Ответ

1 голос
/ 15 декабря 2011

Из того, что вы опубликовали, и которое может действительно использовать часть вашего HTML в качестве примера того, что вы пытаетесь сделать точно, вы сможете просто обернуть каждую из ваших "страниц" в div с помощью position: relative стиль CSS.

Внутреннее содержимое будет позиционироваться абсолютно из границ родительской оболочки. Затем вы захотите переместить большинство стилей, которые вы в настоящее время применили к элементу тела (например, фоновое изображение), в div-оболочки.

Базовый пример: http://jsfiddle.net/AsWCN/2/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...