2016-05-18 17 views
0

ヘッダーの応答に問題があります。フルサイズのブラウザウィンドウや電話からサイトを見ると、大丈夫です。 (私は "@ media only"クエリをモバイル用に設定しています)。しかし、ブラウザウィンドウを2つの間で調整すると、ヘッダの左側のdivが右側のものになります。ヘッダーとフッターの特定のdivが応答しません。

私はheader.phpファイルを介してウェブサイトにロゴを挿入していると感じています。それがなければ、ヘッダーは反応すると確信しています。

これはどのように処理しますか?中間のブラウザサイズに対応するために設定できる「@メディアのみ」のクエリがありますか?

あなたがここで問題にテストサイトを閲覧することができますhttp://kahamarketing.com/wyckoff/wordpress/

私は私が私のブラウザウィンドウの任意小さくする別の場合は、1つに実行フッターに3つのバナーと同様の問題を抱えています。同様に、私はこれらの要素をウェブサイトのfooter.phpファイルで追加しました。

ご協力いただきありがとうございます。

答えて

0

a.logoの高さルールは壊れています。あなたはそれが少し複雑です、あなたのフッターの問題のためにnav.navigation

ためmargin-topルールを取る必要があるかもしれないその後height: 60px

の行を取り出します。 CSSについて実際にどれだけ知っているか分からずに説明するのは難しい

+0

あなたの答えはありがとう。私はa.logoの高さをautoに設定し、マージントップルールを取り出しました。これはブラウザのウィンドウのサイズを変更する際にちょっとしたものを整理するように思えました。これで、テキストがウィンドウの境界内に収まるようにサイズが変更されました。 サイズを変更すると、タイトルがナビゲーションバーに表示されます。これがなぜなのか? 私はCSSの知識については初心者と中級者の境界にあります。私が物事を反応的にするようにしなければならない時、物事はうねってしまいます。 –

関連する問題