Дивная вёрстка боксов - Форум интересных решений

[ Новые сообщения · Участники · Поиск по форуму · RSS ]

Страница 1 из 1 1
Модератор форума: Gaara, kydapodatsya

Дивная вёрстка боксов (sml[question]Проблема с заполнением бэкгроундом места под маргин)

Дивная вёрстка боксов

NecroProger

Отредактировал NecroProger - Воскресенье, 29 Ноября 2009, 18:23

Дата: 29 Ноября 2009, 02:51 | Сообщение # 1

● ● ● ● ●

1024 сообщения

« 164.85 »

0 наград

Статус: Offline

Есть дивная вёрстка боксов:

Code

[html]
<div class='block'>
<div class='block_up_left'><div class='block_up_right'><div class='block_up_center'>[TITLE]</div></div></div>
<div class='block_middle_left'><div class='block_middle_right'><div class='block_middle_center'>
[CONTENT]
</div></div></div>
<div class='block_down_left'><div class='block_down_right'><div class='block_down_center'></div></div></div>
</div>

Проблема: вставим, например, в контент такой код:

Code

<ul>
<li>До свидания, Хелпер, до свидания!</li>
<li>Мы прощаемся с тобой навеки...</li>
<li>Надоели мне все пререкания,</li>
<li>И прольются скоро крови реки...</li>
</ul>

По умолчанию у ul есть margin. Как следствие получается такая картина:

То есть маргин не заполняется бэкграундом.
Надо вот так:

Второй скрин получен свойством

Code

border: 1px solid transparent;

Вопросы:

1. Почему маргин не заполняется background-ом?
2. Почему установление border-а препятсвует п. 1?
3. Какие есть другие решения проблемы? (п. 2 мне не нравится; хотя бы потому, что лишний пиксел прибавляется по периметру)
Имеются ввиду универсальные решения, причём со стороны боксов (изменение маргина ul не катит).

P. S. Если бы я был >Модератором на Хелпере, то все посты не по теме в этой теме наказывались нещадным баном. К сожалению, это не так.

Дивная вёрстка боксов (sml[question]Проблема с заполнением бэкгроундом места под маргин)

Страница 1 из 1
1

U.Helper