html - メニューナビゲーションの移動（マージン？）

Question

このナビゲーションメニューをコンテンツボックスの上とロゴの下に移動する必要があります。つまり、（1）ロゴ、（2）メニュー、（3）コンテンツボックスの順序である必要があります。

CSSのさまざまなマージン調整を試してみました#navigationが、役に立ちませんでした。

どうすればよいですか？

URL：http ://ec2-174-129-169-80.compute-1.amazonaws.com/

スクリーンショットを参照してください：

Answer 1

top: -57px;次のように#navigationCSSに追加できます。

#navigation {
    position: relative;
    top: -57px;
    clear: both;
    margin-bottom: 3em;
    display: none;
    font: 14px/14px sans-serif;
    border: 1px solid #D9D9D9;
    background: white;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(whiteSmoke));
    background: -webkit-linear-gradient(white, whiteSmoke);
    background: -moz-linear-gradient(center top, white 0%, whiteSmoke 100%);
    background: -moz-gradient(center top, white 0%, whiteSmoke 100%);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

Answer 2

jsFiddleを作成するか、コードを投稿してください。コードを見ずに、最初に考えるのは#navigation、コンテンツ領域にを配置することです。その場合、次のようになります。

#navigation { margin-top: -50px; }

#navigation絶対に配置されている場合：

#navigation { top: -50px; }