本文のみの横幅を広く、プラグインと本文との幅を狭くしたいです
デザインはシンプルのオレンジ(3カラム)を使用しています。本文のみの横幅を少し広げて、
本文と両サイドのプラグインとの隙間を
少し狭くしたいのですが、
何度スタイルシートの
#blogcontainer{
width:775px;
text-align:center;
margin:0 auto;
や
#content{
float:right;
width:395px;
text-align:center;
line-height:120%;
などの数値を変更しても上手くいきません。。
変更する場所が間違っているのでしょうか?
教えてください、宜しくお願い致しますm(__)m
回答(2)
1.

#container{
width: 782px;
#banner,#subbanner{
width:776px;
#blogcontainer{
width:775px;
#wrapper{
width:585px;
#content{
width:395px;
#blog{
width:375px;
の全ての数値を同じ数値だけ変更します。
隙間の方は分かりません m(_ _)m
2.

幅を拡げるには、それぞれの幅を拡げただけ背景画像も修正したものを適用する必要があると思いますが、結構面倒です。
コメント(6)
>HSさん
ありがとうございます。
記載頂いた箇所を全て変えると、
●枠の中で文章の横幅(文字数)が増える
●プラグインも含め、枠自体が左右に移動する
という形になってしまい、
本文の枠自体の横幅を広げることはできませんでした。。
お教え頂いた箇所を一つずつ変更して、
どの部分は何を変更する部分なのか試したりもしたのですが・・・
本文の枠を広げる箇所だけはどうしても
見つかりません。。
本文と隙間を狭くするには、記載して頂いた中の
#content{
width:395px;
を狭くするとできるようになったのですが・・・
本文の枠自体の幅を広くする方法はご存知でしょうか??
宜しくお願いいたします。
>BLUEPIXYさん
ありがとうございます。
背景画像はそのままで良いのですが、
本文の枠の幅だけを広げたいのです。
その広げた分だけプラグインと本文の隙間を狭くして、
背景画像は変更しなくても良いようにしたいと思っております。
隙間を狭くするには
どこを修正したらよいか見つけたのですが、
本文の枠自体を広げる部分がどうしても分かりません。
もし、ご存知でしたら宜しくお願い致しますm(__)m
>BLUEPIXYさん
何度もすみません。
このテンプレートの枠線は背景ということで、
枠自体の変更はできないということでしょうか・・・?
背景画像で本文の枠線を変更しなければいけないとか・・・??
プラグインの枠幅の変更はできたので、背景画像ではないと思いますが、本文の枠のみは背景画像になっているという
ことでしょうか??
何度もコメント申し訳ございませんm(__)m
宜しくお願いいたします。
>>#1
ありゃ~・・よく見たら、このデザインの背景は画像なんですね~・・
(background:は、色指定とボーダー指定だと考えてました・・)
このデザインで幅を買えるのはメチャクチャ大変です(汗)
バックグラウンドに使用しているパーツを、ライブドアからダウンロードして、自分のPCで大きさを加工。
加工したパーツを自分の画像ファイルとしてアップロードして、CSSの background: url をその画像のアドレスに書き換える必要があります・・
(しかも複数のパーツを加工する必要がありますね)
チョッとオイラには手に負えないっす(大汗)
m(_ _)m
>>#2
>>#3
実際の横幅は、
#blog で決められていて既に左や右のプラグインとの隙間はありません。
その幅の中で、枠線が画像で背景として表示されていますので、
表示幅を変更しても、枠線を表示している背景となる画像が同じなので、
表示幅が変更されていないように思う(見える)のだと思います。
そのような場合は、背景となる画像も幅の変更に応じて変更する必要があります。
画像の伸張は、単純にサイズを伸張すればよいというものでもないので、結構処理が面倒だし、このデザインの場合、数カ所(ちゃんと揃うように)変更する必要があります(ので余計に面倒です)。
一応そういう場合の画像の変更についても過去には回答したりしているのですが、これぐらいの隙間だったら、(変更の面倒さを考えると)そのままでいいんじゃないかと思います。
>HSさん
>BLUEPIXYさん
とても丁寧で分かりやすく教えて頂いて
大変ありがとうございますm(_ _)m!!
背景で変更するのはとても大変そうなので、
本文の1行の文字数を増やすことにしました^^
ありがとうございました。



