0

ワードプレスのナビゲーションには、次の html および css コードを使用しました。すべての主要なブラウザーで Web サイトを実行すると、Web サイトのナビゲーションが適切にレンダリングされます。

しかし、リモート サーバーでホストして Web を実行すると、IE ブラウザーでのみローカルにあるため、ナビゲーションが完全に設定されていないことがわかります。

どこを修正しなければならないか、正確には推測できません。

これが私のコードです。

#access {
    /*background: #6AA666;*/
    color: #1982D1;
    text-align: center;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    float: left;
    margin-top:-6px;
    width: 100%;
    background-color:#d2e1fc;

  float:left;

  margin-left:-20px;

  text-align:center;
  width:104%;



}

phpコード

<nav id="access" role="navigation">
            <h3 class="assistive-text"><?php _e( 'Main menu', 'twentyeleven' ); ?></h3>
            <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. */ ?>
            <div class="skip-link"><a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to primary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to primary content', 'twentyeleven' ); ?></a></div>
            <div class="skip-link"><a class="assistive-text" href="#secondary" title="<?php esc_attr_e( 'Skip to secondary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to secondary content', 'twentyeleven' ); ?></a></div>
            <?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assigned to the primary location is the one used. If one isn't assigned, the menu with the lowest ID is used. */ ?>
            <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
            <div id="logo" style="float:right;width:150px; margin-top:10px;"></div>
        </nav><!-- #access -->

http://i.stack.imgur.com/DgakQ.png ナビゲーションが左隅に正しく配置されていません

4

1 に答える 1

0

バナーに特定の高さと幅を指定すると、上記の問題を解決できます

于 2013-08-11T06:32:22.167 に答える