0

h2 とメニューを含むヘッダーがあります。メニューは、すべての解像度で常に右側にある必要があります。しかし、(解像度を変更するために) ウィンドウのサイズを変更すると、メニューは H2 を通過します。これを解決する方法はありますか？私はこれを3日以上見ています。

どんな助けでも大歓迎です！

ここにいくつかのコードがあります：

http://jsfiddle.net/JHJcQ/

これは私のメニューの CSS です。

#headermenu .menu-primary-menu-container {
width: 749px;
float: right;
right: 3%;
position: relative;
bottom: 50px;

実際に見るには: http://nickdaelemans.be/wordpress/

ブラウザのサイズを変更して、何が起こるかを確認してください

申し訳ありませんが、私はこれにまったく慣れていません！ありがとう

4

1 に答える 1

0

更新されたソリューション:

min-widthcss スクリプトにヘッダーのタグを追加します。

通常、この種の問題を回避するために、ページ全体が div コンテナーに分割されます。すべてのページ コンテンツを大きなコンテナに入れ、マージン、パディング、位置、およびこの場合は最小幅などの特定のプロパティを指定する必要があります。指定された CSS を追加してみてください。

すいません一瞬出てました。これがあなたのコードです。

http://fiddle.jshell.net/qpqZs/で見つけて 、CSS でタグをきちんと使用してみてください。使用したことのない余分なクラスを削除します。

<div id="container">

<div id="headermenu">
    <h2 >FASHIONFABRICE</h2>
    <div class="menu-primary-menu-container">
        <ul id="menu-primary-menu" class="primary">
            <li id="menu-item-101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"><a href="http://nickdaelemans.be/wordpress/">About</a>
            </li>
            <li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-8 current_page_item current_page_parent menu-item-100"><a href="http://nickdaelemans.be/wordpress/?page_id=8">Blog</a>
            </li>
            <li id="menu-item-99" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-99"><a href="http://nickdaelemans.be/wordpress/?page_id=9">Styling</a>
            </li>
            <li id="menu-item-98" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-98"><a href="http://nickdaelemans.be/wordpress/?page_id=10">Contact</a>
            </li>
            <li id="menu-item-97" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-97"><a href="http://nickdaelemans.be/wordpress/?page_id=11">Follow Us</a>
            </li>
            <li id="menu-item-96" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-96"><a href="http://nickdaelemans.be/wordpress/?page_id=12">Press</a>
            </li>
        </ul>
    </div>
</div>
<div id="logo">
    <img src="http://nickdaelemans.be/wordpress/wp-content/themes/follow-me-darling-child/img/FashionFabrice Logo.png" />
</div>
</div>
于 2013-04-26T15:24:24.750 に答える