解決済
はじめまして。さっそくですが、ブログのカスタマイズでお尋ねします。変則３カラムに工事中なのですが、途中までやって、その後よくわかりません。
（３カラム）→左サイド メインコンテンツ 右サイドこの通常の３カラムから
（変則）→メインコンテンツ 左サイド 右サイド
のような工事をしている途中で挫折しています。
css の
/* メインコンテンツ部分 */
#content{
position:relative;
margin-top: 0px;
（ここ→）margin-right:165px;
margin-bottom: 0px;
（ここ→）margin-left: 165px;
line-height: 140%;
padding: 0px 0px 30px 0px;
の中で、
margin-right:330px;
margin-left: 0px;
と変更することでメインコンテンツは
左はじに寄せられたのですが、
左サイドバーとメインコンテンツが
思いっきり被ってしまいます。
どなたかご教授いただければ幸いです。
よろしくお願いします。
2008-07-15 18:00の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2008-07-15 19:00:20
いま、お使いのデザインテンプレートによって異なるかもしれませんが、メイン・左カラム・右カラムに対応する部分に下記を追加してはどうでしょうか？
#content{
float:left;
}
#left{
float:left;
clear: right;
}
#right{
float:right;
clear:right;
}
自信度 : 自信なし 回答レベル : アドバイス
ご回答、ありがとうございます。
ですがすみません、自分であれこれやっていたら
できてしまいました！！！
tanimasaruさんの策に似たこともやったんですが、
こちらはわたしの場合は記述が足りなかった
ようでダメでした。
float は入れたのですが、clear も入れると
良いのですかね。なお、わたしの場合は
IE7推奨なので、火狐などにてできるか
試させてもらうかも知れません。
本当にありがとうございました！！！
Ads By Google
コメント
まだコメントがありません
