知識、知恵のカタマリ

[PR]自分が見つかるハケン日記!

お蔵入り

ブログの横幅を広げたいのですが・・・

現在3カラムのデザインです。
現在は
#container{
width:808px;
background:url(http://parts.blog.livedoor.jp/img/usr/vivid_style/title_3c.gif) no-repeat;

#blogcontainer{
margin:0 auto;
padding:5px 0 62px;
height:1%;
#wrapper{
float:left;
width:583px;
#content{
float:right;
width:358px;
text-align:left;
となっています。
各項目のwidthの値を変更したいのですが
#blogcontainerだけ、widthの値がないのです。
またその他を変更するとブログタイトル部分がそのまま、本文記事部分の背景がそのままで・・・
ちなみに、このブログです。


2007-01-19 11:34の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google

回答(2)

1.

2007-01-21 01:34:21
このデザインは、背景が画像です。幅を広げるには、背景画像の幅も広げなくてはなりません。

このサイトを参考にしてください
http://wiki.livedoor.jp/everydaydesign/d/Liquid%20...

http://wiki.livedoor.jp/everydaydesign/d/3%A5%AB%A...

3.

2007-01-30 17:19:15
ええと解決してないですかasease

どうやら本文の幅を広げたいようですね。
widthの広げ方はわかってらっしゃるようなので、背景画像のことを回答しておきます。


Vivid Style(3カラム)の背景には画像が使われていますのでwidthを広げただけでは背景がずれてしまうことになります。

vivid_style/title_3c.gif
vivid_style/main_top_3c.gif
vivid_style/main_bottom_3c.gif
vivid_style/line_3c.gif

CSSの中のURLから以上の画像をダウンロードし、画像編集ソフトで横幅をwidthで広げたぶんと同じだけ広げるリサイズをしてファイルアップロードを行います。
そのあとCSSの画像URLをアップロード先と同じURLに変更すればOKです。
自信度 : 自信なし 回答レベル : アドバイス
Ads By Google

コメント(2)

2007-08-27 02:32:26

main_middle_3c.gif
の画像も編集必要です。
抜けていたようです。申し訳ない。。。

2007-08-28 18:47:08

なお、main_middle_3c.gifの画像は3色使われていて画像編集の際は注意が必要です。

トラックバック

トラックバックURL: