Боковая панель не отображается одинаково на всех страницах

Я использую шаблон на my Blogger, и поскольку он был слишком узким, я настроил боковую панель и столбец главных сообщений. Он отлично работал, но только для главной страницы.Боковая панель не отображается одинаково на всех страницах

Проблема в том, что боковая панель не отображается одинаково на всех страницах.

См. one of the pages, что боковая панель не то же самое.

Мой текущий код CSS для боковой панели находится:

#sidebar-wrapper { 
    border-radius: 5px; 
    color: #A8AAAC; 
    background:rgba(0,0,0,0.1); 
    float:left; margin: -2430px 150px 100px -120px; 
    width:40%; 
}

и есть еще один пример кода для боковой панели, но даже если я пытался изменить это ничего не произошло.

#sidebar-wrapper .widget {margin-bottom: 30px;} 

#sidebar-wrapper a:hover{color:#fff} 

#sidebar-wrapper h2 { 
    color: #C8CACC; 
    font-size: 14px; 
    letter-spacing: 2px; 
    line-height: 1.4; 
    margin: 30px 0 10px; 
    font-family: Oswald,Arial,sans-serif; 
    font-weight: bold; 
    text-transform: uppercase; 
}

источник

2016-10-29 Ourania Kusk

Вам нужно включить соответствующий HTML-код, который воспроизводит вашу проблему здесь, в вашем вопросе. В противном случае ваш вопрос станет бесполезным для будущих посетителей, как только проблема будет устранена. – Brad

Фактически я не могу найти соответствующий код, который вызвал проблему. –

Затем вам нужно сузить проблему, пока не сможете. Упростите свой сайт по частям, пока не появится самый маленький воспроизводимый пример. Как правило, вы все равно решите свою проблему. Переполнение стека не для проверки кода всего сайта. – Brad

Вопрос у вас возникли потому, что вы контролируете содержание с полями вместо контроля размеров главной страницы id=wrapper DIV и всех своих детей. Ваш заголовок 1000px широкий, но ваша обертка 740px широкая. Сначала сделайте их одинаковой шириной.

Во-вторых, необходимо удалить основную оболочку и края боковой обертки.

Использование полей для настройки контента по-разному на каждой странице - очень плохая практика. Затем скорректируйте проценты обеих оберток, чтобы добавить до 100%. Я предлагаю вам использовать width:30% для боковой обертки и 68% для основной оболочки (почему оставить 2% от основной оболочки, чтобы дать немного пространства между обоими обертками. Вы можете использовать поля, чтобы дать пространство, но убедитесь, что отрицательный это маржа от процента по ширине, чтобы держать обе обертки в одной строке.)

С еще несколькими настройками вы можете создать чистые настройки CSS, которые в конечном итоге исправит все страницы с помощью страниц боковой панели.

источник

2016-10-29 19:37:34

Большое спасибо за ваше время. Мне это очень помогло, я пытался найти решение, как более 6 часов^_ ^ –

Боковая панель не отображается одинаково на всех страницах

ответ

Смежные вопросы