Ищу способ имитировать DIV неправильной формы

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

Если бы это был сайт с ручной кодировкой, я мог бы сделать макет (кропотливо), нарезав изображения и разумно используя плавающие элементы, абсолютное позиционирование и z-индексы - но сайт создается в Drupal, и моя область контента - это то, что это так (я полагаю, я мог бы серьезно взломать node.tpl.php, но даже это было бы проблематично).

Вот что я имею в виду - и в верхнем, и в нижнем колонтитуле есть части, которые выступают из них, которые переходят в контент area:

+--------------------------------------------------+
|                                                  |
|                LOGO/HEADER AREA                  |
|                                                  |
|       +------------------------------------------+
|       |         HEAD ONE FOR PAGE                |
|       | Lorem ipsum dolor sit amet, consectetur  |
|       | adipiscing elit. Praesent in lectus in   |
+-------+ lectus tempor volutpat vitae velnunc.    |
| Duis diam sem, mattis in eleifend nec,vulputate  |
| ac dolor.Aliquam eleifend, mi non adipiscing     |
| condimentum, erat nunc consectetur lorem, at     |
| aliquet arcu purus non sapien. Sed in neque eu   |
| velit venenatis tincidunt vel in est.            |
|                                                  |
| Cras fermentum magna non erat pretium suscipit.  |
| Proin id leo neque. Aliquam vel metus eget       |
| libero venenatis consectetur. Aliquam      +-----+
| lobortis lacinia eros vel vulputate.Mauris |     |
| lorem diam, bibendum et fringilla nec ...  |     |
+--------------------------------------------+     |
|                                                  |
|                 LOGO/FOOTER AREA                 |
+--------------------------------------------------+

Сейчас мое едва работоспособное решение - поместить содержимое области содержимого в таблицы с разумным использованием строк и полей, чтобы избежать выступающих областей. Помимо боли, это побеждает цель использования CMS - HTML на каждой странице должен быть изменен вручную, чтобы ячейки таблицы работали правильно в рамках ограничений страницы.

Итак - я думаю, мой вопрос таков: есть ли чистый CSS (или даже CSS / Javascript) способ сделать это, не прибегая к хрупкому, подверженному ошибкам табличному кодированию на каждой странице?

(NB Я уже сказал дизайнеру, что это проблема, но у клиента уже одобрил дизайн, так что, по крайней мере, для этого проекта я застрял в нем)

8
задан Brian Tompsett - 汤莱恩 22 October 2017 в 22:20
поделиться