1

サイドバーの配置に関する問題の修正または解決を手伝ってください。右側のサイドバーレイアウトにコンストラクターテーマのWordpressがあります。ウェブページは以下のリンクで見ることができます。（一方は背の高いヘッドメニュー、もう一方は背が低いメニューです。サイドメニューの高さも異なります。）

http://salvavita.hu/web_2012/

http://salvavita.hu/web_2012/?page_id=119

htmlの構造は次のとおりです。 

<div class="wrapper" id="wrapcontent">
    <div class="box shadow opacity layout-right" id="content">
        <div id="container">
            content stuff
        </div><!-- id='container' -->

        <aside id="sidebar">
            sidebar stuff
        </aside>
    </div><!-- id='content' -->
</div><!-- id='wrapcontent' -->

何らかの理由で、サイドメニューが新しい行に分割され、コンテナの外側の左側に押されました。フッターの上に表示されます。サイドバーをコンテンツと同じ行に強制的にレンダリングするにはどうすればよいですか？（つまり、サイトの上部の赤い部分の下部に貼り付けられます。）

純粋なcssが優先されます。この時点で、右側のコンテンツからこぼれても問題ありません。（ヘッダーの高さには2つのタイプがあり、復元されたダウンウィンドウでも機能する必要があるため、固定位置は適切ではありません。）

理論的には、レイアウトは次のとおりです。幅：968pxサイドバーの幅：220px追加のサイドバーの幅：120px（未使用）ヘッダーの高さ：518px（カスタムコード化された短いバリアントがあります）

お手伝いありがとう、

シロ

4

1 に答える 1

1

Alan Jenkinsは正しいです。＃sidebarの幅を216pxから208pxに変更すると、サイドバーは正常に機能します。メインコンテナの大きな右側のマージンとサイドバーの負の左側のマージンで行ったことは、私には少し奇妙に思えます。もしそれが私だったら、私はおそらくもっと好きなことをするでしょう。

.layout-right #container {
    /* (Line 197 remove the following rule) */
    margin-right: 220px
}

.layout-right #sidebar { 
    /* (Line 202 remove the following rule) */
    margin-left: -220px;
}

#sidebar {
   /* (Line 208 reduce the width slightly and change the float from left to right) */
   width: 208px;
   float: right;
}
于 2013-02-23T14:41:38.757 に答える