2

私は自分のフォーラムに 3 つのことを配置しようとしています: 左上にたくさんのメディア リンク、右上にメニュー バー、そしてその下の中央にロゴがあります。

このアプローチを使用すると、ローカルホストのセットアップで希望どおりに表示されます。しかし、それらをライブ Web サイトにアップロードすると、見た目が異なりますか? ロゴがメディア ボックスを左マージンとして「見ている」ように見えるという意味で異なりますが、オフラインでは無視され、ページの中央に表示されます。同じブラウザ、すべてが同じであるため、非常に困惑しています。

#logo{
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    }


#brdmenu {
    display: inline-block;
    float: right;
}

#media {
    display: inline-block;
    float: left;
    padding: 10px 10px 0px 10px;
}

これがスパムではないことを願っていますが、完全な CSS (および実際にどのように見えるか) は、www.strengthandfitness.co.uk で確認できます。

4

1 に答える 1

1

#logo の幅が不足している可能性があります。更新されたコードは、Chrome/FF で動作します:

#logo {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 650px;
}
于 2012-12-18T01:32:54.523 に答える