問題タブ [skeleton-css-boilerplate]

私が抱えているこの（おそらく簡単な）問題を誰かが助けてくれるかどうか疑問に思っていました。私がやろうとしているのは、ロゴをサイトの左側に配置することですが、上の 1 つにソーシャル メディア リンクを含む 2 つの div と、もう 1 つの div にある Web サイト メニュー (右側に配置) の上に配置することです。ここで達成しようとしているものの画像を提供しました: http://i59.tinypic.com/155j7tt.jpg (青い画像はロゴの形状であり、div の上にどのように表示するかを示しています)

まったく役立つ場合に備えて、getskeleton フレームワークを使用しています。

現在、上位 2 つの div のコードは次のとおりです。

今私の質問は、ロゴがこれらの2つのdivの上に浮かぶようにコードをどこに/どのように配置するかです(また、写真に見られるように、それらの少し下にぶら下がっています)。

私が行うことはすべて、どちらか一方の上に配置しますが、両方には配置しません。

アップデート：

フルスクリーン バージョンの CSS は次のとおりです。

理由はわかりませんが、ナビゲーション バーの影が他の要素を覆っていませんか? スケルトン フレームワークを使用しています。

http://jades-world.com/schoolassign

誰かが私を助けてくれたら、とても感謝しています！:)

スケルトンに基づいて自分の Web サイトに「スティッキー フッター」を追加しようとしていますが、正しく機能しません。私はこのウェブサイトの指示に基づいてこれを行っています: http://www.cssstickyfooter.com/using-sticky-footer-code.html。Chrome では、ページの高さが 1 ピクセルか 2 ピクセル増えるため、垂直スクロールバーが表示され、IE ではメイン コンテナーが左揃えになります。

スケルトンに基づいてこれを適切に実装する方法はありますか? デイブ、素晴らしい仕事をありがとう！

これは簡単な質問だと思いますが、答えが見つかりません。フレームワーク、スケルトン (getskeleton.com) を初めて使用しようとしています。いつものように HTML で参照する Javascript ファイルがあります。しかし、JSは機能しません。これには何らかの理由がありますか？Skeleton での JS の使用に関するドキュメントが見つかりません。

スケルトンを使用しています。3 分の 1 列を 3 回使用しています。しかし、3 番目のものは同じライン上になく、列から離れています。次の行にあります。また、最初の列の前に空白があります。

次の HTML コードを使用しています。

ブラックボックスを垂直方向と水平方向の中央に配置しようとしています! 水平方向のセンタリングについては、試しmargin: autoましたが、高解像度では機能しません。

ヒーローエリアをレスポンシブにしようとしています。ウィンドウの幅を狭くすると、ブラック ボックスが中央に配置されますが、幅を大きくすると左に残ります。

また、水平に揃えるのを手伝ってください！背景の調整も手伝ってください！

したがって、私の問題は次のとおりです:-

1. ブラックボックスを垂直方向と水平方向の中央に配置したい!
2. 赤い背景を調整してレスポンシブにするのを手伝ってください