Краш тест — Facebook

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

баг фейсбука

 

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

баг фейсбука

 

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

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

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

P.S.: написал в поддержку. Посмотрим, читает ли саппорт письма =)

Дальше еще интереснее!

Сразу после этого поста отправил письмо в саппорт. Отработали быстро. Но как! Решение, на мой взгляд, нетривиальное.

баг фейсбука

 

То есть, они просто увеличили приоритет для блоков с контентом. Реклама заказывается под низ. В итоге оно всё равно криво. Да, уже не так критично, как вчера было, но тоже палевно. Имхо, это не дело!

А самое интересное в том, что если мы окно браузера уменьшим (чтобы ушли поля, друзья в он-лайне и прочее), то снова увидим вчерашнюю картину борьбы рекламы с контентом страницы.

баг фейсбука

 

Понравилась статья? Расскажи о ней друзьям!

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

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