解決済

3カラムの左サイドバーが下がってしまうのですが、本文の部分の幅を保ちつつ収まるように、どなたかカスタマイズの方法を教えてください。

Cafe Styleというテンプレートを使っているのですが、本文のYoutubeのサイズを変えられないのでスタイルシートのカスタマイズの方法か、もう少し幅広のテンプレートがあったら教えてください。 よろしくお願いします。


過去ログの全体の幅を広げたいというので、30pxずつ幅を広げたら両サイド下がってしまいました。

2007-11-26 04:51の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(2)

2.

2007-11-26 12:48:20ベスト
Youtubeのサイズは変えられますよ。タグの中に2箇所ある
width="425" height="355"

width="340" height="284"
くらいにしてみてください。

Youtubeはそのままで幅を広げるのであれば
90pxづつくらい広げないと落ちてしまいます。

#container width:780px→870px
#wrapper width:570px→660px
#content width:380px→470px

ただ背景はずれちゃいます。
標準で落ちないのは2カラムですね。

不二家こぶ平さん。

どうもすみません。何と呼ぶのか分からないのですが、Page down?(ブラウザ右側)とかページを左右に動かす(ブラウザ下段)の画面を動かす物、を右端に動かした時に右端に白い余白が…

でも立ち上げた時にちゃんと正面に収まってるし、YouTube画面の幅と文字幅がジャストだからいいんですね♪・’゜

変なことを聞いてスミマセンでした。m(__)m

1.

2007-11-26 11:25:05
まず最初にアドレスが間違ってます。
livedoor.comじゃなくてlivedoor.jpです。

次に「30pxずつ幅を広げた」という事ですが
確認してみたところ
CSSにこれといった変更点が見られませんでした。

唯一変更点を挙げるなら
blogtitleのところに文字が入っていました。
なにかのキーワードでしたら
HTMLの方のmetaに入れた方が良いと思います。

それとCafe Styleのような
containerがガッチリしたタイプのデザインは
幅を変更する余地が少ないので
あまりデザインの変更はオススメしません。

具体的には
#bannerや#footerのbackgroundに
画像を利用してないデザインの方が
色々と変更しやすいです。
Ads By Google

コメント(5)

#1.  Ms.L
2007-11-28 02:34:46

デザインテンプレートをplain Diary3カラムに変更し、CSSを100px大きくしたのですが未だ収まりきらず左サイドバーが下がってしまいます。
あとどの位大きくすればいいかご教授下さい。
具体的な数字で、よろしくお願いします。

#3.  湯川 学
2007-11-28 11:03:43

#container width:775px→width:855px
#blogcontainer  width:755px→width:835px
#wrapper     width:565px→645px
#content width:375px→455px
くらいにすれば入りそうです。

#4.  Ms.L
2007-11-28 13:42:35

不二家こぶ平さん!
やっと3列上の方に並んで出てくれました。
どうもありがとうございます。

もう1つ質問なのですが、テンプレートの右の方が8文字分くらい白い余白みたいな物があるのは、ディザイン上仕方ないのでしょうか?
もしどこかを何かすれば、中央表示にできるのかがあれば教えてください。
よろしくお願いします。

#5.  湯川 学
2007-11-28 14:25:08

余白ですか?
IE6とFirefoxで見ましたが、きれいに真ん中に見えます。
左によって見えるのですか?

#7.  湯川 学
2007-11-30 06:24:56

livedoor PICS image

すみません。遅くなりました。自分のパソコンからだと横幅を少しづつ狭めていっても、真ん中に表示されてるので大丈夫だと思いますよ。
bodyもtext-align:centerになってるので。

トラックバック

トラックバックURL: