Драма с верхним баннером. Position №2

Около 1500 человек посетили мой блог с момента публикации поста про баннер в шапке блога и хоть бы один сказал, что с ним что-то неладное. Вот она обратная связь читателя. И пока в аську не постучался мой друг Граф наверное баннер так бы и висел далеко слева от всего остального содержимого. Впрочем драма с верхним баннером похоже закончилась, теперь блог Сабоя отлично просматривается и в Unix и Windows практически во всех цивилизованных браузерах и на всех разрешениях. Кстати, откроем статистику и посмотрим.

Август 2012, операционные системы:

  • Windows 7 — 9827 человек (45,8%);
  • Windows XP — 7936 человек (37,0%);
  • Другие — 3658 человек (17,2%), в том числе Unix — 310 человек (1,5%).

А всё-таки приятно отличаться хотя бы операционной системой и быть в числе 1,5% которые не пользуются Windows. Надо будет отдельный пост написать что ли.

Август 2012, браузеры:

  • Google Chrome — 5487 человек (25,7%);
  • Firefox 14 — 3255 человек (15,2%);
  • Opera 12 — 3193 человека (14,9%);
  • Opera Mini — 1550 человек (7,3%);
  • Explorer 9 — 1147 человек (5,4%);
  • Другие — 6510 человек (30,3).

В другие входят более ранние версии браузеров, но из тех, у кого верхний баннер будет смотреться коряво будут пожалуй только Internet Explorer 7 и какие-нибудь мобильные версии плюс Opera Mini. В любом случае порядка 10-15% в общей сложности не так страшно. В будущем сделаю резиновую среднюю колонку, возможно и мобильную версию сайта, но пока не вижу особой необходимости, ибо есть разрешения монитора.

Август 2012, разрешение:

  • 1366×768 — 4256 человек (19,2%);
  • 1280×1024 — 3720 человек (17,4%);
  • 1024×768 — 3441 человек (16,1%);
  • 1280×800 — 2108 человек (9,9%);
  • 1920×1080 — 1767 человек (9,3%);
  • 1440×900 — 1271 человек (6,0%);
  • Другие — 4960 человек (23%).

Некорректно сайт будет отображаться только на мониторах, где разрешение 1024×768 и ниже (что бы увидеть правую колонку придется использовать полосу прокрутки); все разрешения от 1280 и выше работают изумительно.

В чем конкретно заключалась драма и причем тут Position №2.

Оказывается (для меня это было неожиданно и вдруг) мой style.css третьей версии CSS3, которая как бы ещё не разработана до конца, но уже применяется в сайтостроительстве с 2010 года кажется. Поэтому когда я правил свой баннер в прошлый раз, то использовал казалось бы принятые штуки.

Например, конкретно с моим баннером я пытался задать его расположение с помощью text-align или background-position. В обоих случаях раньше (в CSS2) было достаточно использовать операторы left, center, right итд. При этом text-align смещал целиком блок div, то есть изменению подвергалась вся ветка и смещался весь блог. Второй background-position вообще выкидывал баннер и почему так происходило не понятно. В результате эксперимента выяснилось, что для background-position нужно задавать позицию в двух плоскостях. Только так он понимает, чего я хочу. В итоге строчка стала такой:

    background-position: center top;

И в конце концов, я понял, что мою драму очень точно описал Кай Метов в песне Position №2.

Position № 1, говоришь не дам. Position №2, мол только ему.
Да это верно, но подумай сама — сегодня вторник, значит он это я.
Я не могу не могу больше видеть туман, я так устал, так устал, всюду ложь и обман.

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

© 2012 Сабой онлайн | Драма с верхним баннером. Position №2.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *