Сайт, над которым я работаю: http://bayhouse.biklopsdesign.com, как-то НЕПОСРЕДСТВЕННО широко. Это вызывает горизонтальную полосу прокрутки, а также делает фиксированное позиционирование очень раздражающим.Почему мой сайт настолько широк. (десятки тысяч пикселей)
Может ли кто-нибудь сказать, что происходит? Я был Firebugging в течение нескольких дней без помощи. :/
Это было hard найти!
Ваша ссылка <a id="OTPoweredBy">...</a> имеет margin из -9999px;. Если я установил margin на что-то более разумное, вся правая прокрутка исчезнет.
Я предполагаю, кстати, что вы понимаете, что означает «margin» и как его использовать - вероятно, стоит отдельный вопрос, если вы не , – Hbcdev
+1 Хороший глаз! Я полностью пропустил это. –
+1 Глаза ястреба! :) –
Ответ заключается в том, что вы указали ширину в процентах на фиксированные позиционированные элементы. Это занимает процент окна , а не родительского контейнера.
Так, например, мой видовой экран шириной 1900 пикселей. Это означает, что каждый элемент, установленный для position: fixed; width: 100%, будет шириной 1900 пикселей. Вы делаете это в нескольких местах, например, на aside#text-15.header_area. См. Также this SO answer.
Отключение javascript устраняет проблему, поэтому это не может быть проблемой CSS. –
Я думаю, что Javascript устанавливает CSS. Удаление этих свойств также устраняет проблему (хотя она заканчивается уродливой.) –
Это потому, что что-то в html, css или, возможно, изображениях на сайте делают его настолько широким. Лично я просто просматриваю код для текста «width» и вижу, что что-то неправильно установлено. Возможно, div должен иметь ширину 800 пикселей, но кто-то ошибся в нуле. – David
Проблема частично вызвана вашим скриптом слайдера. Когда вы отключите JS, вы увидите, что это не так плохо (сайт по-прежнему занимает пару пикселей до широкого). –