私はAsk ToolbarがインストールされているときにGoogle Chrome：19.0.1084.52 mに問題があります。 はウェブサイトのレイアウトを壊します。Google Chrome Toolbar breaking website layout
を参照してください印刷画面：それはウェブサイトをもたらすのでしょうChromeでツールバーの通常の行動 
ですか？
編集：<div>内のすべてをラップして、<body>から背景イメージを移動する必要がありますが、この余分なマークアップを追加しないと良い選択肢がありますか？
Javascriptスニペットは、クロムの質問ツールバーを無効にすることができます。この機能がすぐに広がることを願っています！
function removeAsk(){
if(document.getElementById("apn-null-toolbar") != null){
// mainMenu had a style change for its top positioning, returning it to normal
// perhaps a function can be made which iterates over every element ask has changed
document.getElementById("mainMenu").style.top = "-16px";
// Just remove the iframe and style elements
(elem=document.getElementById("apn-null-toolbar")).parentNode.removeChild(elem);
(elem=document.getElementById("apn-body-style")).parentNode.removeChild(elem);
}
}
ボディのonloadの後にこのメソッドを呼び出し
<body onload="removeAsk()">
は、そのように記載されている拡張子はコンテンツスクリプトを経由して、それを作成しておく必要がありツールバーを作成するためのChromeの拡張機能のAPIはありません。つまり、開いたページごとに、この拡張機能によってCSSとJavaScriptファイルが挿入され、ツールバーとして機能するページ内にDOM要素が作成されます。このソリューションの問題は、コンテンツスクリプトを使用すると、ウェブサイトの外観を損ねたり、動作させることさえ可能になることです。
冗談なので、無意味な余分なdivですべてをラップすることなく、 'body'ポジションのトップに背景画像を追加することはできません –
私は、なぜこの拡張機能がインストールされている人が気になるのですか？おそらく、いくつかのページのレイアウトを壊す、間違ってコーディングされたChrome拡張機能がたくさんあります。これらの拡張機能から保護されたWebサイトを作成する方法はありません。そして、最初からこのサイトからサイトを保護しようとするのは意味がありません。あなたの問題ではなく、ユーザー側の問題です。 –
拡張機能は、ユーザーがチェックボックスをオフにしないで、一部の人のためにアンインストールするのが難しいときに、Windows XP上にいくつかのアドビアップデートと共に自動的にインストールされます。 – Paco
質問ツールバーでこの同じ問題が発生しました。私は基本的に私のポジショニングアトリビュートと上/左/右/ボトムを取り出し、マージンに置き換えました。マージンはより少ないスペースを使用し、よりきれいになります。
私は同意しますが、エンドユーザーには何かをインストールしてレイアウトバグを与えることができるので、ツールバーに対応するのはちょっとばかげています。 Skypeの拡張機能でさえ、電話番号を変更するだけでレイアウトが破られます。
あなたができることはあまりありませんが、余白を使い、CSSを最小限に抑えてください。ちょうど私の2セント。 CSSを使用する必要がある場合は、余白を残してください。
私はこれが原因で、ツールバーの問題があると思わないだろうしてください私たちがよりよく理解することができます...あなたの作業jsfiddleリンクまたは任意の他のライブのウェブサイトのリンクを共有しました。 –
Google Chromeのツールバーは、絶対的な位置付けをしながら動的コンテンツをページに組み込む方法で機能します。あなたはそのページへのリンクを提供できますか？ –
私もこれを見つけました！それは私のレイアウトのはるかに大きな混乱を作りました。 – Patricia