Yandexがビジネスを殺すか、#mainブロックに注意してください

UPD 2016年3月16日:新しいバージョンのアドオンはもう殺しません

もちろん、タイトルは完全に黄色です。 大規模で強力なYandexがビジネスを( 具体的にはもちろん、偶然、誤ってではなく )破壊することを私たちの小さくて居心地の良いサイトに決定した方法と、なぜ機能するはずのブラウザー拡張機能を作成するかについて、短い探偵物語を伝えたい特定のサイト-拡張機能がこれらの特定のサイトでのみ機能し、それ以上機能しないようにコードを記述することが重要です。

結論としては、数か月前に、フッターが「追加」ボタンをクリックしたために、サイトに広告を投稿できないという苦情をユーザーから受け取るようになりました。



レイアウトがちょうど行き、フッターがコンテンツにぶつかり始めたように見えますが、Yandexはそれと何の関係があるのでしょうか?

見栄えの良いコーダーはすぐに問題を調査するために急ぎましたが、エラーを繰り返すことはできませんでした。すべてのブラウザで、最も古くて奇妙なバージョンでも、レイアウトは正しく表示され、フッターは「追加」ボタンを押さず、一般的には美しさと牧歌



問題について書いたユーザーは、IEまたはFFを介してログインし、広告を正常に投稿することになりました-しかし、それに興味を持っている人。 そして、それらに煩わされたくない特定の数のユーザー。 サポートやその他のブラウザは明らかに失われましたが、その理由はわかりませんでした。

だから、ついに、ハイテクに不満のある人の1人が、インストールされているChrome拡張機能の完全なリストを私たちに投げつけるまででした。
Music sig vkontakte 3.1.15、代替検索8.17.0、ビジュアルブックマーク2.26.2、検索と開始-Yandex 8.15.0、


これらの拡張機能をインストールしてサイトにアクセスした後、問題が確認されました-フッターがコンテンツに実際に遭遇し始めました!

問題をより明確にするために、3つのブロックが作成されたときに、ページの下部に地下室を接着する従来の方法を使用したサイトで説明する

<body> <div id="wrap"> <div id="main"></div> </div> <div id="wrap-footer"></div> </body> 


 * { margin: 0; } html, body { height: 100%; } #wrap { min-height: 100%; margin: 0 auto -155px; } #main { padding: 0 0 155px 0; } #wrap-footer { height: 155px; } 


そして、このコードは、YandexがAlternative Extension 8.17.0のすばらしい拡張機能を作成するまで完全にスムーズに機能しました。



拡張のアイデアは絶対に良いです:
検索サービス(Yandex、Google、Mail.ru、Bing、YouTube)をすばやく切り替えるか、VKontakteビデオを検索します。

ワンクリックで、Yandex、Google、Mail.ru、Bing、YouTubeから質問に対する回答を取得したり、VKontakteビデオで検索したりできます。 拡張機能は、リストされているすべてのサイトで利用できます。


実際、この拡張機能は、記載されているように、リストされているすべてのサイト(Yandex、Google、Mail.ru、Bing、YouTube)で有効であり、検索エンジン間のクイックスイッチパネルを追加します。

しかし、他のすべての(リストされていない)サイトでは、何らかの理由で、 id mainのブロックからpadding-bottomを削除します
つまり、ページを読み込むときに
 <div id="main" style="padding-bottom:0;"></div> 


したがって、Yandexの拡張機能は、インストールされているすべてのユーザーへのサイトへの広告の追加を単にブロックしました。 あまり美しくありません。

公開時に、拡張機能はGoogle Chromeの97 424ユーザー向けにインストールされましたが、他のアプリケーションと一緒に配布されているか、Yandexサイトでのインストールが提供されていると思われます。使用しないでください。

更新( BarakAdamaに感謝):検索エンジンを切り替えると、Yandexで拡張機能がアドバタイズされます。



サイトに#mainブロックもある場合は、この拡張機能がレイアウトを壊していないかどうかを確認してください。

バグレポートが送信され、サイトのレイアウトが変更されました-ページを埋める代わりに、適切な高さのブロックプッシャーが追加されました。

ハッピーエンド。

Source: https://habr.com/ru/post/J279257/


All Articles