Неправильно отображается низ длинной страницы

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

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

Tiger.711 · №2

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

Northtech · №3

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

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

Выделить код

Код:

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

Крошка Ру · №4

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

Tiger.711 и у меня

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

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

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

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

MySh · №5

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

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

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

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

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

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

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

Tiger.711 · №6

MySh пишет

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

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

Крошка Ру · №7

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

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

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

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

Отредактировано Крошка Ру (13-11-2011 22:34:49)

Крошка Ру · №8

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

Tiger.711 · №9

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

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

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

Tiger.711 пишет

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

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

okkamas_knife пишет

background-repeat: repeat

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

MySh пишет

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

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

Tiger.711 пишет

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

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

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

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

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

Sid · №11

Я тут поковырялся и обнаружил, что это баг 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 (14-11-2011 00:12:48)

mserv · №12

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 (14-11-2011 00:34:26)

Sid · №13

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

Al_H · №14

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

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

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

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

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

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

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

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

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

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

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

Выделить код

Код:

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

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

Выделить код

Код:

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

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

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

MySh · №15

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

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

Sid

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

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

Al_H · №16

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

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

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

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

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

Выделить код

Код:

<div class="wholepage">

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

Выделить код

Код:

</div>

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

Выделить код

Код:

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

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

Отредактировано Al_H (14-11-2011 04:50:44)

Otshelnik · №17

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

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

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

Tiger.711 · №18

Al_H пишет

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

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

Otshelnik · №19

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

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

Otshelnik · №20

okkamas_knife пишет

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

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

Tiger.711 · №21

okkamas_knife пишет

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

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

Otshelnik · №22

у меня так:

MySh · №23

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

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

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

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ах расположить две картинки рядом, выровняв их по вертикали по центру? И чтобы под каждой картинкой оказалась своя подпись?

Al_H · №25

Tiger.711 пишет

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

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

Полезная информация