Приветствуем, геймер! Ты можешь или
16+
59f9c20cab291dbbe07c266659cbbddf

Геймер Fr3nzy 13

100

Небольшие баги верстки.

Привет, верстальщик или фронт-енд разработчик Г.ру! :)

У нас тут вот такой косяк с горизонтальным скроллом:

Небольшие баги верстки.
Вопросы и пожелания - Небольшие баги верстки.Небольшие баги верстки.

Возможный виновник представлен на этом скриншоте:

Небольшие баги верстки.
Вопросы и пожелания - Небольшие баги верстки.Небольшие баги верстки.

Так же виновником может быть отчасти и блок с логотипом RoM в хедере (да и не только он, а любой абсолютно спозиционированный блок с марджинами) :)

Конечно, margin-left у абсолютно спозиционированных блоков можно использовать, но во избежание появления всяких скроллов то тут, то там, лучше просто "left: xxx px". Во всяком случае, мне так кажется из многолетнего опыта верстки. Да и вообще, если картинка справа, почему бы ее не прижать к правому краю указанием атрибута "right:0"? Но досконально вашу верстку я не изучал, возможно, этому есть препятствия.

Просьба пофиксить ;) Плохо это - горизонтальные скроллы.

UPD. Один человек спросил, как можно это пока убрать. Ответ - ниже, но только для браузеров с поддержкой userjs (т.е., в теории, Opera, Chrome с дополнением Tampermonkey, Firefox с дополнением Greasemonkey), но тестировалось только на Chrome.

Сначала ставите дополнение Tampermonkey для Google Chrome, а затем ставите вот этот userjs: http://userscripts.org/scripts/show/95555

Скрипт проверен на версии 9.0.597.83 beta Windows 7 x64.

Плюс, позднее, убрал по-быстрому скролл.

UPD2. Решение проблемы через правку CSS:

#bottom {

background: url("/images/brandings/runes_of_magic/bottom.jpg") no-repeat scroll center bottom transparent;

overflow: hidden;

}

100
Еще в блоге
Интересное на Gamer.ru

20 комментариев к «Небольшие баги верстки.»

  • Можно как то в хроме убрать это убожество и наслаждаться гру с темой по умолчанию? ^_^


    User_avatar_3

    Геймер petroK 28


  • petroK писал:
    Можно как то в хроме убрать это убожество и наслаждаться гру с темой по умолчанию? ^_^
    Решается это довольно легко. В блоке <head /> убираем два тега <style /> со всем содержимым и будет олдстайл Г.ру (только не тот <style />, где *.css файл подключается, а тот, где просто задаются стили прямо в тексте страницы). Можно простейшим юзерскриптом такое забацать, ну, либо, воспользоваться аналогом какого-нибудь Stylish под Chrome, если таковой имеется.


    59f9c20cab291dbbe07c266659cbbddf

    Геймер Fr3nzy 13


  • Fr3nzy писал:
    Stylish
    спасибо, добрый человек


    User_avatar_3

    Геймер petroK 28


  • Только стилей нужных тама нету (


    User_avatar_3

    Геймер petroK 28


  • petroK писал:
    Только стилей нужных тама нету (
    По-быстрому накатал юзерскрипт.
    Возможны ошибки.
    Сначала ставите дополнение Tampermonkey для Google Chrome, а затем ставите вот этот userjs: http://userscripts.org/scripts/show/95555
    Скрипт проверен на версии 9.0.597.83 beta Windows 7 x64.
    PS. Скрипт срабатывает только после загрузки страницы. Времени на изучение Google Chrome API попросту нет :)


    59f9c20cab291dbbe07c266659cbbddf

    Геймер Fr3nzy 13


  • У меня на нетбуке также.


    Ava

    Гуру добра Magistr 82


  • Fr3nzy писал:
    petroK писал:
    Только стилей нужных тама нету (
    По-быстрому накатал юзерскрипт.
    Возможны ошибки.
    Сначала ставите дополнение Tampermonkey для Google Chrome, а затем ставите вот этот userjs: http://userscripts.org/scripts/show/95555
    Скрипт проверен на версии 9.0.597.83 beta Windows 7 x64.
    PS. Скрипт срабатывает только после загрузки страницы. Времени на изучение Google Chrome API попросту нет :)
    Всё на отлично работает!


    User_avatar_3

    Геймер petroK 28


  • petroK писал:
    Всё на отлично работает!
    Обновил скрипт. Убрал по-быстрому горизонтальный скролл.
    Надеюсь, администрация меня не забанит :)


    59f9c20cab291dbbe07c266659cbbddf

    Геймер Fr3nzy 13


  • Спойлер

    Пока срачь еще не начался, буду первонахом и вброшу говна в вентилятор:
    УБИРИТЕ ЭТОТ КАЛОВОРОТ! ЧТО ЗА УБОЖЕСТВО? Посмотрите на синие "брызги" внизу экрана... что это такое? У вас нет норальных кистей для фотошопа? Могу скинуть.
    Ваш дизайн говно. Вы ничего не понимаете в дизайне. ©
    Спойлер


    11445075364c8a3dec6d1f5

    Плюсатор R0ndO 37


  • У меня в свежей "мозилле" вот так:
    Вопросы и пожелания - Небольшие баги верстки.
    Как добились бага?


    Yojimbo200

    Админ в завязке Котовский 63


  • Из-за низкой скорости интеренет-соединения у меня всё, что ниже "шапки" идёт фоном с приятной синей окантовкой, да. Так что я к оформлению претензий не имею. ;)


    Avatar

    Плюсатор Algavar 13


  • Fr3nzy писал:
    По-быстрому накатал юзерскрипт.
    А для Firefox сделаешь? ;) А то стиль от Pegazs всю шапку искривляет.


    Ava

    Гуру добра Magistr 82


  • Kotovsky писал:
    У меня в свежей "мозилле" вот так:
    Как добились бага?
    у меня в любых браузерах.
    1366*768
    хром 8.0.552.237
    Вопросы и пожелания - Небольшие баги верстки.
    опера 11 билд 1156
    Вопросы и пожелания - Небольшие баги верстки.


    Swag

    Плюсатор LaCTuK 44


  • Kotovsky писал:
    У меня в свежей "мозилле" вот так:
    Как добились бага?
    Все очень просто: у вас разрешение значительно выше, чем 1366х768, поэтому все хорошо. Измените размер окна - уменьшите его и обновите страницу. Все станет ясно ;)
    Magistr писал:
    А для Firefox сделаешь? ;) А то стиль от Pegazs всю шапку искривляет.
    По-идее, эта штука должна и в Firefox работать. Просто надо поставить расширение "Greasemonkey" с https://addons.mozilla.org/en-US/firefox/addon/...
    В самом посте об этом написал


    59f9c20cab291dbbe07c266659cbbddf

    Геймер Fr3nzy 13


  • Fr3nzy писал:
    По-идее, эта штука должна и в Firefox работать. Просто надо поставить расширение "Greasemonkey" с https://addons.mozilla.org/en-US/firefox/addon/...
    Спасибо, работает. Жаль только подгружается, а не сразу, как в Stylish =)


    Ava

    Гуру добра Magistr 82


  • Magistr писал:
    Спасибо, работает. Жаль только подгружается, а не сразу, как в Stylish =)
    Да, это недостаток userjs :( Я пытался сделать в Stylish сначала, но там были косяки с хедером, а времени на их правку у меня нет, поэтому сделал на userjs.


    59f9c20cab291dbbe07c266659cbbddf

    Геймер Fr3nzy 13


  • Решается проблема довольно просто:
    css писал:
    #bottom {
    background: url("/images/brandings/runes_of_magic/bottom.jpg") no-repeat scroll center bottom transparent;
    overflow: hidden;
    }

    Добавляем overflow:hidden к этому идентификатору.
    PS. Обновил скрипт.


    59f9c20cab291dbbe07c266659cbbddf

    Геймер Fr3nzy 13


  • Спасибо большое ,а то ни черта не было видно.


    10439059334cc6f7d0bb225

    Геймер Kreker9000 22


  • ОК, разбираемся, спасибо.


    Yojimbo200

    Админ в завязке Котовский 63


  • Опера 11.01
    Вопросы и пожелания - Небольшие баги верстки.

    В мозиле и хроме всё нормально.


    %d1%81%d0%bd%d0%b5%d0%b6%d0%bd%d1%8b%d0%b9_%d0%b1%d0%b0%d1%80%d1%81

    Геймер Bars-sn 23


Чат