В 1024×768 у меня тоже справа, а в 800×600 — съезжает во всех браузерах.
Предполагаю, что срабатывает этот фрагмент:
@media (max-width: 800px) {
/* Simplify the basic layout */
...
}
Да, верно, именно этот кусок.
Можно смело удалять строки с 2628 по 2687 файла style.css. Тогда сайдбар прыгнет лишь если ширина окна станет менее 650px.
Но, я вновь порекомендую воздержаться от самостоятельных правок, т.к. велика вероятность допустить ошибку.
Да, браузер пока специально не обновляю. Ведь и у читателей тоже может быть старая версия браузера.
Упс, пошла проверять какая у меня версия браузера (17.0.963.56 m), а он автоматом начал проверять обновления и … обновляться.
А что в этом фрагменте нужно изменить? Или все снести? )
Runna, если опера и хром на одном компе и одном мониторе, то попробуйте раскрыть хром на максимум или нажмите F11. Отрезать всегда можно, начать следует с лечения. 🙂
Можно смело удалять строки с 2628 по 2687. Тогда сайдбар прыгнет лишь если ширина окна станет менее 650px.
А где вы смотрите номера строк?
Если смотреть «просмотр кода страницы» то там не так много строк.
А если в стилях, то там и номеров-то нет.
Наверное для этого нужно работать не через браузер, а скачать вордпресс на комп?
Да, на одном компе и мониторе. F11 не помогло. И я пробовала «Ctrl-«. Уменьшай хоть сколько, сайтбар на место не встает.
А где вы смотрите номера строк?
Я пользуюсь notepad++. Нет необходимости что-либо скачивать, можно сразу по ftp править нужный файл, да и номера строчек он подсветит.
ftp…
я избегала его как могла…
А если в этом кусочке:
@media (max-width: 800px) {
/* Simplify the basic layout */
...
}
уменьшить цифру, например до 400?
Ой, наверное наоборот надо бы увеличивать?…
Нет, всё верно — уменьшать.
Цифра означает ширину, при которой начинает применяться разметка в одну колонку.
Но я бы уменьшил, например, до 700px. Потому что ниже есть ещё фрагмент, который включается при 650px.
Интересно, а какое разрешение экранов на ноутбуках, и нетбуках?
Вроде бывает и 9 дюймов?
Там будет уходить вниз?
Наверное проще найти новый шаблон?
Потому что я все равно не умею работать с фтп, и потом закачивать этот файл куда-то обратно (куда?)…
А если я сюда скопирую код стилей, подскажете, что убрать?
[Сообщение отредактировано согласно правилам форума. Для цитирования больших фрагментов кода используйте, пожалуйста, сервис Pastebin.]
Но я бы уменьшил, например, до 700px. Потому что ниже есть ещё фрагмент, который включается при 650px.
А если в обоих местах поменять например на 400?
Тут даже трижды повторяется это значение:
@media (max-width: 800px)
@media (max-width: 650px)
@media (max-width: 450px)
Можно убрать все три фрагмента, тогда нигде не будет уходить вниз.
Вот исправленный файл style.css. В нем я удалил 5 блоков с правилом @media. Попробуйте использовать его заменив им прежний. Прежде чем заменять, сохраните предыдущий!