1

画面検出ナビゲーションバーも使用して、集中化されていないすべてを試しました

#navcontainer { 
    margin: 0 auto; 
    width: 100%; 
    height: 44px; 
}
.menu { 
    font-size: 13px; 
    color: #000; 
    z-index: 1001; 
    margin: 0px; 
    position: absolute;  
    z-index: 30; font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu ul { 
    margin: 12px 0 0 0px;
}
.menu ul li { 
    float: left;
}
.menu .part01 { 
    width: 400px; 
    margin: 10px 0 0 70px; 
    float: left;
}
.menu .part02 { 
    margin: 10px 0 0 695px; 
    width: 400px;
}

これは私のウェブサイトです

ここに画像の説明を入力

4

2 に答える 2

0

メニュー ナビゲーションを UL LI リストの 1 つのブロックとして作成します。現在は 2 つの UL リストに分割され、その間にロゴが配置されています。

すべてを 1 つのコンテナー内に配置したら、このメニューをレスポンシブにすることができます。親コンテナーに with を追加し、style margin: 0 auto; を追加します。あなたがすでに持っていることがわかります。

コードは次のようになります。

<div id="menu" style="width:80%; margin: 0 auto;">
<ul>
<li>Item x...</li>
<li>Item x...</li>
<li>Item x...</li>
<li class="logo"></li>
<li>Item x...</li>
<li>Item x...</li>
<li>Item x...</li>
</ul>
</div>
于 2013-07-15T08:08:09.120 に答える
0

以下を変更する必要があります。

.index_container {
    display: block;
    margin: 45px auto 0;
    min-height: 450px;
    width: 100%;
}

.slideshow {
    margin: 0 auto;
    width: 950px;
}

.span-25 {
    margin: 0 auto;
    padding: 0;
    width: 1105px;
}

これにより、スライド ホルダーの が削除float:left;され、コンテナーの中心にスライドが保持されます。これにより、幅 100% のコンテナーの中心に保持されます。これはメニューと同じレイアウトなので、一致するようになりました。

于 2013-07-15T08:15:30.660 に答える