Съезжает ли дизайн на сайте?

12 3
M2
На сайте с 11.01.2011
Offline
342
1935

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

На сайте http://gold-sad.ru 100% валидный HTML-код, тем не менее наблюдалось следующее: на разных компьютерах с разными разрешениями экранов на разных браузерах при загрузке страницы, дизайн сайта иногда "съезжал" вправо, потом восстанавливался. Объясню, что это такое. В шапке страницы по бока есть 2 столба. В норме, если вы будете просматривать сайт на мониторе 15 дюймов, вы их видеть не должны. На широкоформатном (1920*1080) будет всё хорошо видно. Под понятием "съезжает дизайн" имеется в виду, что вот эти два столба на пару-тройку секунд уходят вправо, таким образом слева остаётся пустое пространство. Потом картинка восстанавливается нормально, так как она и должна быть.

Я сейчас проверяю у себя (монитор 15`, 1024*768, браузеры опера 11 версии, мозилла 3.6.13). Вроде бы всё нормально. Но одного моего компьютера явно мало :)

Поэтому очень прошу любого, кто зайдёт в эту тему, просто открыть сайт http://gold-sad.ru и отписаться здесь о том, как грузится страничка в следующем порядке:

1. Количество дюймов монитора

2. Разрешение экрана (не вообще, а то, при котором просматривалась страница)

3. Браузер (название и точная версия). Было бы неплохо, если бы сайт просмотрели ч/з несколько браузеров.

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

Именно поэтому я здесь не устраиваю голосования, ибо это нереально обойтись ответом "да" или "нет". Нужен более развернутый ответ. Ну а я уж здесь подсчётами буду заниматься.

Только просьба отвечать честно, мне ваши ответы очень важны.

Всем заранее спасибо.

P. S. Для параноиков - цитата с virustotal.com:


URL analysis tool Result
Firefox Clean site
G-Data Clean site
Google Safebrowsing Clean site
Opera Clean site
ParetoLogic Clean site
Phishtank Clean site
Additional information
Show all
Normalized URL: http://gold-sad.ru/
URL MD5: d5357a7199bf164e05e738d704b24263
Content-Type: text/plain

Ссылка на virustotal.com проверку сайта

------------------- Крутые VPS и дедики. Качество по разумной цене ( http://cp.inferno.name/view.php?product=1212&gid=1 ) VPS25OFF - скидка 25% на первый платеж по ссылке выше
Василий Колодин
На сайте с 17.12.2008
Offline
250
#1

19 дюймов, 1440х900, FF 3.6.10

При первой загрузке (или обновлении страницы) - такое наблюдается.

Вообще, когда я верстаю, я не забочусь вообще о валидности, даже доктайпы не указываю. Моя задача - что бы у всех все отображалось как надо, а не что бы соответствовать стандартам, которые разработчики браузеров соблюдают через раз. Сайты делаются для людей, а не для валидаторов. :)

Юзаю Бегет с 2013 года. Начни юзать и ты: https://beget.com/p64496/ru/hosting/virtual
M2
На сайте с 11.01.2011
Offline
342
#2

titaniMOZG

Спасибо! У кого ещё как? Ещё раз повторяю, друзья, ваши тесты очень важны сейчас.

Zdorova
На сайте с 09.01.2010
Offline
133
#3

23 дюйма, 1920 на 1080, Мозилла 3.0.15 - все ок.

M2
На сайте с 11.01.2011
Offline
342
#4

Zdorova

А ещё браузеры есть? Opera, IE? Есть возможность в них посмотреть?

imho-no
На сайте с 07.04.2008
Offline
186
#5

mark2011, http://browsershots.org/ - НЕ?

imho-no добавил 22.01.2011 в 13:25

mark2011:
1. Количество дюймов монитора
2. Разрешение экрана (не вообще, а то, при котором просматривалась страница)

ваша целевая аудитория разворачивает браузер на все 24-27"?

Я - советский пионер. Надо переводить бабушек через дорогу и Бога - нет. юзаю этот хостинг http://ipipe.ru/?pid=16015 (http://ipipe.ru/?pid=16015). полёт нормальный!
Ervin
На сайте с 15.08.2008
Offline
112
#6

Монитор 19", разрешение 1280.

Firefox 3.6.13 - при загрузке картинка отображается не полностью, а только её правая часть: левая часть картинка и левая половина меню уходят за левый край экрана; после завершения загрузки сайт автоматически прокручивается вниз пикселей на 200 (причём так - на каждой странице). Не уверен, глюк это, или фишка.

Chrome 8.0 - То же самое, только без автопрокрутки. Так - на каждой странице.

Opera 11 - то же самое, что с лисичкой - только плюс ещё картинка загружается "полосками".

И выглядит это вот так вот (размер и качество уменьшены, чтобы влезть в лимит).

jpg 82129.jpg
Credendo vidas!
M2
На сайте с 11.01.2011
Offline
342
#7

Ervin,

Спасибо! Прокрутка - это не глюк, а фишка. Вы правы, прокручивается на 190 пикселей ))

А у меня вопрос - после завершения загрузки, всё приходит в норму? или остаётся так, как на скрине?

imho-no

Я знаком с сервисом browsershots. Но имхо он здесь не поможет, ибо это надо смотреть при разных условиях. А там делается фиксированный скрин и всё. Иногда даже (на моей практике) делался скрин, а внизу экрана (который на скрине отображён) было написано что-то типа "Подождите идёт загрузка"... Вот так вот.

Ervin
На сайте с 15.08.2008
Offline
112
#8

mark2011, да, после того, как загрузится, всё нормально. Правда, у меня грузится секунд пять - и всё это время несколько недоумеваешь :)

В хроме, кстати, автопрокрутка не работает.

M2
На сайте с 11.01.2011
Offline
342
#9

Немножко отклонюсь от темы, объясню ))

Автопрокрутка сделана на jQuery, которое в принципе позиционируется как кроссбраузерное. Поэтому если в хроме прокрутка не работает - ну и не работает, значит :)

А по поводу долгой загрузки - там очень тяжёлый хедер. Поэтому первый раз так медленно.

Кстати, если после загрузки переходить по ссылкам - будет такой же глюк? Или всё нормально?

Ervin
На сайте с 15.08.2008
Offline
112
#10
mark2011:
А по поводу долгой загрузки - там очень тяжёлый хедер. Поэтому первый раз так медленно.
Кстати, если после загрузки переходить по ссылкам - будет такой же глюк? Или всё нормально?

В FF нормально, в хроме и опере - каждый раз дёргается при переходе; такое впечатление, что картинка и скрипты каждый раз грузятся заново :(

12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий