1px отступ в Safari/Opera/Chrome

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

У меня есть загадочное вертикальное пространство в 1 пиксель между областью содержимого и панелью навигации для части страницы по высоте в Safari, Opera и Chrome. Он отлично работает в FF и IE без пробела.

Это страница: http://the-polyglot.net/uploads/problem_site/

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

Наиболее релевантными селекторами являются #right_navbar, #reg_content (текстовая область) и #main_content (контейнер). Пространство, кажется, совпадает с областью, управляемой #main_content, если вы проверите инспектор Opera, но я не знаю, почему. Я могу исправить проблему в Opera/Safari/Chrome, применив padding-left: 1px; к #right_navbar... но тогда это нарушит весь макет в любом другом браузере.

Буду благодарен за любую помощь. Спасибо.


person Crazed    schedule 20.07.2012    source источник
comment
Между прочим, пространство есть и в Chrome.   -  person j08691    schedule 20.07.2012
comment
Мой плохой - ты прав. Должно быть, я проверил это в Chrome, пока у меня было исправление в таблице стилей, и забыл, что оно все еще неверно. Я отредактирую. Спасибо.   -  person Crazed    schedule 20.07.2012


Ответы (1)


Удалите background-color для идентификатора #main_content

#main_content {
  min-height: 630px;
  /*background-color: #D1EBF8;*/
}
person Jayaraj P R    schedule 20.07.2012