Макет, таблица CSS, ячейка таблицы и ужасный пробел в стороне - PullRequest
2 голосов
/ 06 января 2012

У меня проблемы с созданием столбцов одинаковой высоты в базовом 3-х колоночном макете Dreamweaver. Я использовал столбцы с одинаковой высотой jQuery, чтобы цвет bg столбца был одинаковым на всех страницах, однако из-за некоторых сценариев, которые я использую на своем сайте, и несовместимости с ручным «style: height: xpx», добавленным в столбец статьи, мне бы хотелось, чтобы попробовать и использовать метод display: table, display:table-cell. Я использовал базовый HTML5-шаблон Dreamweaver 5.5 и сохранил все то же самое, за исключением того, что удалил свойство display:block для сторон, элементов article и т. Д. Я добавил контейнер div вокруг 3 столбцов; в сторону, статья и в сторону.

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

Я загрузил файл здесь: http://www.primecuts.org.uk/test.html. Если я удаляю часть <nav>, промежуток все еще остается, хотя он и не выглядит "уродливым", так как различие bgcolor не заметно, я хотел бы, чтобы между начальным текстом и верхней частью текста не было разрыва. блок / нижняя часть заголовка. Буду признателен за любую помощь, я не знаю, что вызывает это.

1 Ответ

2 голосов
/ 06 января 2012

Проблема может быть исправлена ​​с помощью

.sidebar1 { vertical-align:top; }

Зазор имеет какое-то отношение к заполнению на .content article, в том смысле, что удаление отступа удаляет зазор, и заполнение влияет на позициюбоковой панели, потому что они обе являются ячейками таблицы в одной строке таблицы, но я признаюсь, что это немного неясное объяснение, и я не могу определить конкретное требование CSS, к которому это относится.

...