人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

wordpress3.5に関して質問です。

http://dca-labo.info/demo8/?p=106#more-106

投稿ページのサイドバーが下にずれてしまいました。
修正した箇所はstyle.cssの

#primary {
float: left;
margin: 0 -26.4% 0 0;
width:70%;
}

上記70%を85%に変更したのみです。
width:70%にもどすという回答はNGです。
左側のコンテンツエリアをできるだけレイアウトを崩さないで広くとりたくて上記のwidthを修正しました。



●質問者: mkusume
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● fut573
●110ポイント ベストアンサー

primaryをどうしても85%にしたい場合、secondaryのwidthを15%以下にする必要があります。
このテーマの場合、#primary と#secondary は共にmainというboxの中に入っているのですが、この2つの合計widthが100%を超えると横幅がオーバーでsecondary(sidebar)が落ちます。
f:id:fut573:20130302194057p:image
#secondary {
width: 15%;←ここを15%以下に修正
}


mkusumeさんのコメント
わかり易い解説ありがとうございます。今回やりたい事は#primary、#secondaryのwidthの値を調整するのではなく#contentの中のwidthの値を変更する事により解決しました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ