Заполнение, которое не должно быть там

Question

У меня есть макет с двумя столбцами, о котором я спрашивал ранее ( Простой макет с двумя столбцами ).Я заметил, что проблема не в расположении столбца контента справа, а в том, как позиционируется контент в этом столбце.

Я искал некоторое время иЯ не вижу, где проблема.Похоже, что содержимое в правом столбце имеет отступ, равный высоте левого столбца.

Вот мой css:

#wrapper { margin-left: 100px; width: 1000px; border-left: 1px solid #bcbcc6; border-right: 1px solid #bcbcc6; border-bottom: 1px solid #bcbcc6; }
/* Main page content, puts actual content and sidebar side-by-side */
#sidebar { float: left; padding: 5px; width: 189px; border-right: 1px solid #b6bcc6; }
#content { padding: 0 !important; margin: 0 0 0 200px; width: 790px; background-color: #ff00ff; }

РЕДАКТИРОВАТЬ: Чтобы увидеть, что на самом деле происходит, вы можете проверить http://www.logansarchive.za.net/bad.jpg и http://www.logansarchive.za.net/firebug.jpg Я также собираюсь добавить файлы, относящиеся к странице и стилю (таблицы стилей и изображения), которые у меня есть, чтобы вы могли просматривать их на досуге: http://www.logansarchive.za.net/Default.aspx

Answer 1

Внутри вашего <div id="content"> у вас есть таблица с clear: both в CSS, а затем 2 деления с clear: left и clear: right на них соответственно, которые разбивают ваши поплавки.Удаление всех этих прозрачных свойств в Firebug исправило это для меня на вашей тестовой странице.

Answer 2

«Использовать Firebug», как правило, не считается верным ответом на SO, но это действительно лучший способ определить загадочные дополнения. Установите его в свой Firefox, щелкните правой кнопкой мыши на элементе, и представление «Макет» Firebug покажет вам, откуда оно.

Answer 3

Вы пытались сделать #content float:right