[PR] PCで実機パチ＆スロ71機種以上が打ち放題！777タウン.net！
[PR]
[PR]
解決済
ブログの横幅などを変更したいが、うまくいきません
新しいデザイン cat tha nya!! に変更しました。使いやすいようにカスタマイズしたいのですが方法がわかりません。(CSSのいじりかたがわかりません)??ブログが表示される横幅を狭くして、画面のセンターに表示されるようにしたい。
??現在、左に表示されているサイドバーを右に表示したい。
??サイドバーの横幅を少し狭くしたい。
以上の3点を変更したいのですが、指導していただけますでしょうか。
ブログアドレスは
です。
よろしくお願いします
2008-03-14 00:06の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2008-03-14 04:38:39
どこまで綺麗に出来るかわかりませんが、こんな感じではどうでしょうか？
CSSで下記を変更します。
CSSで下記を変更します。
#banner{
…
width:693px;
…
}
#blogcontainer {
…
width:620px;
}
#content{
…
width:420px;
…
}
#sidecolumn{
float:right;
width:200px;
…
}
#sidecolumnbody{
width:180px;
margin-left:10px;
margin-top: 30px;
…
}
tani_masaruさんのを参考にいろいろサイズを変えながら、自分なりに見やすいサイズに変更することができました。
ただ、サイドバーだけは、右に移動しません。
色々やってみましたが、ダメでした。
不便はないので、このまま左で使っていこうと思います。
ありがとうございました。
・・・ほんとは、右に移動したいのですけどね。
Ads By Google
コメント(4)
#1. BLUEPIXY
2008-03-14 03:08:17
画面のセンターには、すでになっているような気がします。
本文列とサイドバー列の区切りが画像になっているから、サイドバーを右に持ってくると変かも。
サイドバーには、サイドバーを眺めている猫の画像があるので、幅を狭めるとちょっと変かも。
#2. papa
2008-03-14 15:53:30
＞BLUEPIXYさん
おっしゃるとおり、画面はセンターになっていました。
本文列とサイドバー列の区切りが画像のせいでしょうか?サイドバー自体、右に持ってくることができませんでした。
サイドバーを眺めている猫の画像が、多少かぶさってしまいましたが、幅を狭くしてしまいました。
全体のブログの幅をどうしてもこの幅にしたかったので。
コメントありがとうございました。
#3. tani_masaru
2008-03-14 15:53:35
いま、contentがfloat:rightになっています。これをleftに変えて、sidecolumnの中でfloat:rightにすれば左右が入れ替わります。
#content{
float: left:
…
}
#sidecolumn{
float:right;
…
}
#4. papa
2008-03-14 18:24:27
＞tani_masaruさん
ありがとうございます。やってみたらできました。
ただ、BLUEPIXYさんが言うとおり、本文列とサイドバー列の区切りが画像だったので、これが左に残ってしまい、見苦しかったです。
なので、左のままにすることにしました。
★ひとつ、問題が発生。
コメントのページを開くと、サイドバーが下に落ちてしまっていました。
どこがいけないのでしょうか??
