CSS: плохая серая линия на боковой панели навигации на http://perl -begin.org /

Question

Я поддерживаю Сайт начинающих Perl и использовал измененный шаблон из Open Source Web Designs. Теперь проблема в том, что у меня все еще есть нежелательный артефакт: серая линия слева от основного кадра, слева от меню навигации. Вот изображение с выделением нежелательного эффекта.

Как я могу исправить CSS, чтобы исправить эту проблему?

Answer 1

Это background-image на теле, просвечивающем. Быстрое исправление (отредактируйте style.css или добавьте в другое место):

#page-container
{
   background-color: white;
}

Answer 2

Серая линия должна быть там. Причина, по которой это выглядит странно, заключается в том, что самый верх скрыт элементом буфера. Удалите правило background-color из этого набора правил:

.buffer {
    float: left; width: 160px; height: 20px; margin: 0px; padding: 0px; background-color: rgb(255,255,255); 
}

Answer 3

Это изображение. (см. здесь: http://perl -begin.org / images / background.gif ) Он установлен в классе BODY вашей таблицы стилей.

Answer 4

Спасибо всем, кто ответил. Проблема действительно заключалась в прозрачности # page-container и фонового изображения тела. Я исправил их обоих в таблице стилей.

Answer 5

Я нашел проблему.

Проблема в том, что вам нужно установить белый фон на # page-container. При существующем положении он имеет прозрачный фон, поэтому левый край 5pt на navbar-sidebanner показывает bg для page_container ... так что измените этот bg, и все будет в порядке.

Answer 6

Я бы быстро исправил это, чтобы добавить стиль:

border-left:2px solid #BDBDBD;

в класс .buffer

.buffer {style.css (line 328)
   background-color:#FFFFFF;
   border-left:2px solid #BDBDBD; /* Grey border */
   float:left;
   height:20px;
   margin:0px;
   padding:0px;
   width:160px;
}

Answer 7

Я думаю, что это так:

#page-container {
    border-left: solid 1px rgb(150,150,150); border-right: solid 1px rgb(150,150,150); 
}

Однако я не вижу, почему правая граница не отображается ....