Здравствуйте все!
Я нарисовал вот такую страничку с фоновым рисунком:
http://www.dsioffe.narod.ru/pohody/2011 … ga2011.htm
Фоновый рисунок большой, и страница длинная.
Проблема: в самом низу страницы фоновый рисунок не отображается. Если попытаться увеличить или уменьшить текст (Ctrl+"+" или Ctrl+"-"), то часть текста, под которой нет фонового рисунка, заливается чёрным, текста в этом месте, естественно, не видно.
У меня Firefox 8.0.
Opera и IE показывают нормально.
Как побороть?
Заранее признателен.

Иоффе Дмитрий Семёнович
У меня всё отлично. Проблемы только у Вас в браузере?

Я тоже такое только в userChrome заметил. Просто цвет работает, фоновая картинка только определенное количество экранов (в том числе и вширь), потом либо темно, либо просто цвет. И так по всему браузеру.

Для примера userContent.css

Выделить код

Код:

@-moz-document url("about:license") {
html, body {
background-image: url("data:image/png;base64,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") !important;
}

Проблемы только у Вас в браузере?

Tiger.711 и у меня ;)

Страница пытается заполнится фоном но очень медленно   :rolleyes:

FN3CO.png

причём, если подвигать туда-сюда то куски фона пропадают начиная с этого места >

Afa7x.png

.... а ниже вообще никакого неба :whistle:

Иоффе Дмитрий Семёнович А если вместо одной странички сделать две-три? :angel:

Иоффе Дмитрий Семёнович

Здравствуйте все!

Здравствуйте!

Фоновый рисунок большой

Да не сказал бы, что очень уж большой. Хотя и не маленький (особенно для тех, кто сидит на очень медленном и дорогом канале).

в самом низу страницы фоновый рисунок не отображается.

У меня всё в порядке.
Вероятно, проблема проявляется как раз на не очень быстрых соединениях.
Трудно сказать, в чём дело, но как минимум один похожий случай я припоминаю.

MySh пишет

Вероятно, проблема проявляется как раз на не очень быстрых соединениях.

У меня очень не быстрое. Вероятно, всё дело в том, что я дождался полной загрузки страницы.

Tiger.711 У меня страница загружается быстро , с пол-часа была открыта а фон так и не появился внизу :whistle: :)



Иоффе Дмитрий Семёнович

Кстати , попробуйте

Blogger (http://bloggerforum.ru/)
и
Tumblr (http://lkart.ru/sites/chto-takoe-tumblr … resen.html) :angel:

А в Chromium с фоном всё в порядке - заполняется моментально до самоо низа :whistle: :)

V87KU.png

Видимо, у меня карма такая (:
h_1321210294_2007037_27620c8466.png

Спасибо всем.

Tiger.711 пишет

У меня всё отлично. Проблемы только у Вас в браузере?

У ребёнка то же самое.

okkamas_knife пишет

background-repeat: repeat

Добавил. Не повлияло. Выделенное синим - где то я вычитал, что это для совместимости с некими старыми браузерами, которые не понимают CSS. У меня редактор это дело сам вставляет. Убирал - не повлияло.

MySh пишет

Вероятно, проблема проявляется как раз на не очень быстрых соединениях.

У меня и локальная копия так открывается.

Tiger.711 пишет

Видимо, у меня карма такая (:

Я тоже так хочу! :)

Крошка Ру пишет

А если вместо одной странички сделать две-три?

Неохота, противоречит замыслу: хочу получить длинное спокойное чтиво. Да и неспортивно :) Если уж совсем обломаюсь - сделаю, конечно.

Я тут поковырялся и обнаружил, что это баг Firefox. Фоновое изображение, которое выходит за 32766 пикселей от верха страницы по вертикали, криво отображается снизу. Судя по отзывам выше, Linux это не затрагивает.

Сравните 2 странички:
http://pastehtml.com/view/bdwdd5ttj.html — высота 32766 пикселя (глюка нет)
http://pastehtml.com/view/bdwddvc13.html — высота 32767 пикселей (есть глюк)

Нашёл похожий баг:
Bug 591822 - Images taller or wider than 32767 (signed short overflow limit) pixels fails to be rendered
Похож, да не совсем. Там не рендерится одна большая картинка, а в нашем случае картинка средних размеров, это сам фон выходит за предельное значение. Но связь должна быть.

Надо будет в том баге спросить. Или сразу создать новый. Как минимум два пострадавших живых сайта у нас есть.

Sid пишет

Я тут поковырялся и обнаружил, что это баг Firefox. Фоновое изображение, которое выходит за 32766 пикселей от верха страницы по вертикали, криво отображается снизу. Судя по отзывам выше, Linux это не затрагивает.

У меня Windows, но страница отображается нормально, практически мгновенно.

14-11-2011 00:34:26

Сравните 2 странички:
http://pastehtml.com/view/bdwdd5ttj.html — высота 32766 пикселя (глюка нет)
http://pastehtml.com/view/bdwddvc13.html — высота 32767 пикселей (есть глюк)

У меня они идентичные.

mserv
Значит от чего-то ещё зависит, но пока непонятно, от чего именно.

Иоффе Дмитрий Семёнович

Иоффе Дмитрий Семёнович пишет

Добавил. Не повлияло.

И не должно было, у браузера по умолчанию и так repeat.

Иоффе Дмитрий Семёнович пишет

Выделенное синим - где то я вычитал, что это для совместимости с некими старыми браузерами, которые не понимают CSS. У меня редактор это дело сам вставляет.

Не нужно убирать. Так грамотнее.

Иоффе Дмитрий Семёнович пишет

Да и неспортивно :)

Ну как сказать, может, кому-то неспортивно в такую даль страницу мотать.
И для спортивности лучше изображения не в таблицах вставлять, а в divах. И тогда уж хочется швы на фоне стыковать.

Попробуйте сделать вот как.
В стили добавьте

Выделить код

Код:

body.correct1 {background-image: url('fon.jpg'); opacity: 1;}

В тэг body добавьте событие, чтобы он выглядел так

Выделить код

Код:

<body onload="document.body.className='correct1';">

Это, конечно, метод грубой силы, но может сработать.

P.S. (offtopic) Красивые места, я бы туда тоже фотоаппаратик выгулял.

Иоффе Дмитрий Семёнович

У меня и локальная копия так открывается.

Sid

Значит от чего-то ещё зависит, но пока непонятно, от чего именно.

От мощности компьютера?

Перечитал внимательно то, что написал Сид, и сходил по ссылкам.
У меня вложение в баге 591822 не грузится совсем.
https://bug591822.bugzilla.mozilla.org/ … ?id=470331
Система MacOSX 10.6, версия Фокса Nightly.
Вот те на!
Слейпнир, браузер на движке WebKit, грузит картинку нормально. Проверять Хром и Сафари не стал, наверняка тоже все в порядке, раз движок WebKit отрисовал.
Проверил на Win 7 на другой машине – тот же эффект, картинка отображается как битая.

При этом, надо сказать, это горизонтальная картинка.

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

Рассматриваемая страница выводится нормально, фон доходит донизу и в Файрфоксе, и в ВебКите.
Всё чудесатее и чудесатее. ©

Поскольку баг на странице на своей машине воспроизвести не могу, будем действовать согласуясь с данными радара.
Попробуем ещё вот так:
Внутри body в самом начале откроем div

Выделить код

Код:

<div class="wholepage">

и в самом конце, перед закрытием body, его закроем

И теперь в стили добавим строчку

Выделить код

Код:

.wholepage {background-image: url('fon.jpg'); background-position: left bottom; background-repeat: repeat-x;}

Если это спасет ситуацию, можно, наоборот, чтобы этот фон проглядывал из body, из-под divа, а основной фон повесим на div.

Я и зарегистрировался здесь из-за аналогичной проблемы - на странице http://beoff.ru/?p=14845 с выходом 2х последних "стабильных" версий фаерфокса, табличные данные начинают вести себя внизу страницы по странному. Черный фон (background) залазиет на описание фильмов. Проблема в фаерфоксе т.к. в опере, ие и хроме - все отображается корректно. Специально всю ночь страницу приводил в валидный вид. Валидатор 4 ошибки показывает в итоге (не критично). Именно связано, наверное, с огромным dom-деревом в html . Но ведь у современных браузеров не должно быть ограничений на это?

Помогите советом.

система виндовс хр, фаерфокс 8.0.

Al_H пишет

У меня вложение в баге 591822 не грузится совсем.
https://bug591822.bugzilla.mozilla.org/ … ?id=470331
Система MacOSX 10.6, версия Фокса Nightly.
Вот те на!
Слейпнир, браузер на движке WebKit, грузит картинку нормально. Проверять Хром и Сафари не стал, наверняка тоже все в порядке, раз движок WebKit отрисовал.
Проверил на Win 7 на другой машине – тот же эффект, картинка отображается как битая.

Ночнушка и хромиум ведут себя аналогично. Сафари и опера рисуют нормально.

провел эксперимент:

создал страницу (только на момент теста - думаю неделю ссылка актуальна будет) http://beoff.ru/?p=22587 высота страницы 32768 px и в фаерфоксе не отображается низ страницы я специально красным внизу текст сделал. Другие браузеры ведут себя отлично

okkamas_knife пишет

Otshelnik
в 3.6 всё ок вощемта.

Да в 3.6 было всё хорошо. баг вылез месяц - полтора назад - не знаю какая версия была и в 8.0 не исправили. Да и вообще гонятся за версиями, хотя нового особо и не вносят. Насколько я знаю чтобы было мажорное обновление версии - как минимум дизайн перелопатить нужно... а они минорные версии в крупные обновления выливают... бред

okkamas_knife пишет

Otshelnik
в 3.6 всё ок вощемта.

В ночнучках, собсно тожа (:
h_1321282763_4785233_6945ecfdfd.png

у меня так:
s_1321285184_8049193_c745d25625.jpeg

Подтверждаю проблему на Windows XP (на другой машине). Причём рисунок то отображается, то перестаёт. Иногда даже получается довольно быстрое мелькание.
Ну а на Linux всё в порядке.

Спасибо всем.

Al_H пишет

body.correct1 {background-image: url('fon.jpg'); opacity: 1;}

Не повлияло :(

P.S. (offtopic) Красивые места, я бы туда тоже фотоаппаратик выгулял.

А тот телефон годится и для заказа маршрутки из Питера :) Опробовано.

Al_H пишет

.wholepage {background-image: url('fon.jpg'); background-position: left bottom; background-repeat: repeat-x;}

А вот это - помогло! Правда, чуть кривовато: ниже той злосчастной границы фоновый рисунок заливает только область текста, а поля остаются просто цвета фона. Но даже при изменении размера теперь эта заливка есть, а чёрным заливаются только поля. Это меня вполне устраивает.

Al_H пишет

И для спортивности лучше изображения не в таблицах вставлять, а в divах.

А как в divах расположить две картинки рядом, выровняв их по вертикали по центру? И чтобы под каждой картинкой оказалась своя подпись?

Tiger.711 пишет

Ночнушка и хромиум ведут себя аналогично. Сафари и опера рисуют нормально.

Что??? Хромиум глючит, а Сафари нет? Это как? Хромиум же, так или иначе, на ВебКите.

Иоффе Дмитрий Семёнович

А как в divах расположить две картинки рядом, выровняв их по вертикали по центру?

Не специалист по вёрстке, но, по-моему, в таких случаях используют третий div, куда вставляют первые два…

А ещё, чтобы сохранить непрерывность рассказа, вы по идее можете разбить текст на фрагменты и распихать их в ячейки таблицы с одним столбцом, задав каждой ячейке своё фоновое изображение… правда, не факт, что это поможет избежать глюка. Но это наверняка может помочь в поиске способа его победить.

15-11-2011 00:33:10
Al_H

Это как? Хромиум же, так или иначе, на ВебКите

Очевидно, WebKit у него не той системы ;)

Al_H пишет
Tiger.711 пишет

Ночнушка и хромиум ведут себя аналогично. Сафари и опера рисуют нормально.

Что??? Хромиум глючит, а Сафари нет? Это как? Хромиум же, так или иначе, на ВебКите.

Вторая страница нормально рисуется и там, и там. Возможно, надо возблагодарить мои 256кб/сек (:

Иоффе Дмитрий Семёнович
Ну собственно я всё сделал.

Вот тут вместе http://laserdoc.ru/…/2011-07_08_ladoga.zip
Посмотреть можно тут http://laserdoc.ru/…/2011-07_08_ladoga/_ladoga2011.htm

Ведь так же лучше, правда?

15-11-2011 19:37:57
P.S. Решение с фоном — пока то, которое у Вас заработало.
В коде местами использован метод грубой силы, но никто ведь ничего не заметил, правда?

15-11-2011 19:47:33
P.P.S. И счетчик надо будет снизу нормально поставить.

Посмотреть можно тут http://laserdoc.ru/…/2011-07_08_ladoga/_ladoga2011.htm

Al_H У меня так - на половине этой  фотки фон заканчивается (скриншот почему-то вообще фон не захватил)

cbu5d.png

а в самом низу фон вот таким  фрагментом появляется

dsFh4.png

Крошка Ру
Тут http://laserdoc.ru/…/2011-07_08_ladoga/_ladoga2011.htm
я причесал все остальное, заменил таблицы на divы и так далее.
А фон там подкладывается отдельно в div внизу. Как победить баг, пока думаю.

Al_H пишет

Крошка Ру
Тут http://laserdoc.ru/…/2011-07_08_ladoga/_ladoga2011.htm
я причесал все остальное, заменил таблицы на divы и так далее.
А фон там подкладывается отдельно в div внизу. Как победить баг, пока думаю.

Не вы и не я должны побеждать этот баг, а программисты из Мозиллы. Потому как в других браузерах все отлично, и это никак не связано с таблицами. Я это наглядно продемонстрировал. И указал ссылку на свою экспериментальную страницу на div-ах сверстанную... Это разработчиков касяк. И уже 2 версии - 6 и 7 они этот баг игнорируют.

Кстати - у меня на вашей причесанной странице - мозилла внизу фиолетовый фон показывает, а не облака

Otshelnik
У меня на Вашей экспериментальной странице всё нормально, а значит скоро и в релиз придёт фикс.

Otshelnik
Я веб-программист, поэтому исправление багов в браузерах меня волнует с точки зрения прогресса, а вот исправление страниц исходя из нынешнего состояния багов – это реальность.

Al_H пишет

Otshelnik
Я веб-программист, поэтому исправление багов в браузерах меня волнует с точки зрения прогресса, а вот исправление страниц исходя из нынешнего состояния багов – это реальность.

Мы годами городили костыли для ИЕ... но слава богу времена меняются. И не хотелось бы чтоб наш любимый фаерфокс встал на путь тёмный :)

Otshelnik

Не вы и не я должны побеждать этот баг, а программисты из Мозиллы…
Это разработчиков касяк.

Они ссылаются на то, что это не их косяк, а косяк библиотеки Cairo, которую использует Firefox. Я попробовал поискать соответствующий баг в списке багов Cairo, но ничего похожего не нашёл.
На данный момент с моей стороны ситуация выглядит так, как будто разработчики Mozilla знают о баге, но исправить его не могут, а разработчики Cairo — не знают, а потому и исправлять не будут. Если это действительно так, то это довольно странная ситуация.

Al_H

исправление страниц исходя из нынешнего состояния багов

Тогда это скорее не исправление бага, а его обход.

15-11-2011 22:28:18
Otshelnik

скрытый текст

И не хотелось бы чтоб наш любимый фаерфокс встал на путь тёмный :)

К сожалению, похоже, он уже…

MySh пишет

Тогда это скорее не исправление бага, а его обход.

Технически, да. Именно этим мы и занимаемся.
Читателей сайтов не интересует, что их ИЕ прохудился и вообще старый браузер или что в Файрфоксе еще год и закроют эту ошибку. Этот посетитель пользуется Фоксом, или Хромом, или Оперой, или ИЕ. Причем допустим Фоксом 11a. Или Хромом двухлетней давности. Или скажем Оперой 8. Или ИЕ7. И его интересует чтобы сайт работал и браузер не падал. Если у него в ИЕ6 уголочки не скруглятся, это нам будет небольшой минус, но не смертельно. Поэтому баги в браузерах — это прежде всего наша беда, читатели о них часто не подозревают. Читатель пришёл читать текст или смотреть фото или видео или как-то еще пользоваться услугами сайта, наше мнение о его браузере его не интересует. Но вот если его браузер сохранился не больше чем у 1/5000 аудитории сайта, это вполне могут быть уже его проблемы. Поддержка начинается с распространенных браузеров. Опять же, что у айПада экран меньше чем у нашего дизайнера и больше чем у айФона – это наша забота, мы должны сделать удобно. Поэтому команда программистов устраняет баги и мы параллельно делаем существование багов менее заметным.

Кажется, это полностью согласуется с мнением, высказанным в Вашей подписи.

15-11-2011 23:45:02
Хотя точка зрения Otshelnikа вполне популярная и здравая. Часть веб-разработчиков на западе в директивном порядке прекращают поддержку ИЕ6, и некоторые даже ИЕ7. Чтобы прогресс быстрее шевелился. Но мы же все знаем, это риски.

P.S. By the way, обход багов запросто утяжеляет код (CSS, в основном) раза в полтора–два.

Создал новый баг. Описание хреновое, но уж как смог. Дополняйте, если что не так.
Bug 702906 - Background image renders with glitches when it extends for more than 32766 pixels from the page top

Al_H пишет

By the way, обход багов запросто утяжеляет код (CSS, в основном) раза в полтора–два.

Не поэтому ли твиттер с фейсбуком такие тяжёлые?

Sid пишет

Создал новый баг. Описание хреновое, но уж как смог. Дополняйте, если что не так.
Bug 702906 - Background image renders with glitches when it extends for more than 32766 pixels from the page top

кстати в показанном примере:

http://pastehtml.com/view/bdwddvc13.html - has a glitch at the very bottom (html height = 32767 px)

у меня показывает без искажений мозилла, а вот тут:

1. Open http://sfw.org.ua/1148988189-fotografii-novinok-frankfurtskogo-motorshou.html (warning: a heavy page to load).

с глюком

Проголосовал за проблему и отписался в коментарии

okkamas_knife
:angel:

Тигр.711

Tiger.711 пишет

Не поэтому ли твиттер с фейсбуком такие тяжёлые?

Гм… Где Тигр, там интересные вопросы. Про Фэйсбук ничего не знаю, как и про ФКонтакт. А Твиттер, как я подозреваю, тяжелый в основном из-за тотального AJAXа, JavaScriptа и динамики, если бы страница была более статичной, она бы работала гораздо быстрее. Но весь смысл там именно в динамике, так что они теперь могут только добавлять функции и оптимизировать. И подозреваю, загрузку страницы конкретно в Твиттере можно ускорить. С другой стороны, я уже давно пользуюсь официальным Твиттер-клиентом, и бываю там редко.

Знаешь, ты напомнил мне такую штуку. Насколько я знаю, уже многие крупные проекты используют ряд оптимизаций по скорости. При настоящей популярности ресурса без них просто никак. Это использование CSS-спрайтов (несколько мелких картинок запихиваются в одну большую, и подставляются в элемент сдвижением фона, что минимизирует запросы к серверу), избавление от лефт джойна, и даже встраивание CSS прямо в страницу.

Sid

Sid пишет

Создал новый баг.

Да, все в порядке, сформулировано нормально. А ты думаешь, упомянутый выше баг не про то?

Al_H пишет

А ты думаешь, упомянутый выше баг не про то?

Не знаю, поэтому на всякий случай и туда отписался. Но у себя я наблюдаю чёткую зависимость от магической цифры 32767±1px.

Sid
По вертикали?

Al_H
По вертикали.

А мой баг уже RESOLVED DUPLICATE of bug 671302.
Bug 671302 - cairo-gdi: large background-images and gradients don't work beyond ~ 32735px

Да и пофиг что дубликат. Главное вышли мы к рапорту о этой ошибке. и оказывается проблема еще с июля месяца была. А они релизы навыпускали исправляя рюшечки. Ох мне уж эта холодная война браузеров...

Otshelnik
Каким образом скорость выхода релизов влияет на скорость исправления багов? Раньше ты бы ждал год, пока не вышла новая версия с исправлением. Сейчас, если повезёт, ты ждёшь три месяца, если не повезёт — тоже год. В чём разница?

Sid пишет

Otshelnik
Каким образом скорость выхода релизов влияет на скорость исправления багов? Раньше ты бы ждал год, пока не вышла новая версия с исправлением. Сейчас, если повезёт, ты ждёшь три месяца, если не повезёт — тоже год. В чём разница?

Вы сказали глупость. Именно повлияет. они могут исправить один баг и выпустить релиз, а раньше они исправляли десятки багов (один исправленный баг ждал пока накопятся достаточное количество других исправлений) и спустя полгода -год был релиз.

Otshelnik пишет

они могут исправить один баг и выпустить релиз

Otshelnik пишет

а раньше они исправляли десятки багов <…> и спустя полгода -год был релиз.

Ну а я о чём? В худшем случае три месяца с момента внесения изменений в код в первом случае и полгода-год во втором.

Проблема в том, что на скорость написания патча, который исправит баг, всё это не влияет.

А вот и баг на IMDB

bug.jpg

в других браузерах всё ок. фаерфокс опять

Я кажется нашел решение. Нужно под основной блок подложить еще один, шириной 100%, с фоном, прибитым к верху, а в body фон прибить к низу.

19-11-2011 02:08:00
Ещё подумаю и выложу пример кода.