解決済
Ads By Google
記事背景色の幅を広げるには?
上記サイトで、「4/24」の記事は、記事背景のグレー部分が横に広がっているのに、「4/8」以下の記事は、グレー部分が上の記事よりも狭くなっています。
上記事同様の幅にそろえるにはどうしたら良いのでしょうか。
宜しくお願い致します。
2009-04-28 18:07の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2009-04-29 03:10:22
どうも、４／２４の記事の画像が、ややはみだしていて、その分幅が拡がっているようです。
（仮に、画像を削除（後から戻せる様に、別にコピーなどしておく）してみると同じ幅になるのが確認できると思います）
このデザインでは、色々な部分部分で、margin やらpadding が設定されているので、そういうものを見直すといいと思いますが、
場当たり的な修正だと
スタイルシートで、
あと、直接関係ないですが、
４／８の記事の
他にも、構造的におかしい部分があります。
（仮に、画像を削除（後から戻せる様に、別にコピーなどしておく）してみると同じ幅になるのが確認できると思います）
このデザインでは、色々な部分部分で、margin やらpadding が設定されているので、そういうものを見直すといいと思いますが、
場当たり的な修正だと
スタイルシートで、
.pict{
margin:5px;
}
の様に画像の周りにマージンを取っている部分を.pict{
margin:5px;
margin-left:-15px;
margin-right:0;
}
のように左右のマージンを削ってやると、今の画像のサイズで、なんとか納まるようになるように思います。あと、直接関係ないですが、
４／８の記事の
</td> </tr> </table>が余計ではないかと思います。
他にも、構造的におかしい部分があります。
自信度 : 自信なし 回答レベル : アドバイス
BLUEPIXY様、
いろいろ教えて頂き、本当にありがとうございました。
親切に教えて下さったお陰で、
納得の解決ができました。
またこれからも宜しくお願い致します。
Ads By Google
コメント(3)
#1. milk
2009-04-30 10:18:36
すぐに回答頂き、ありがとうございます。
早速やってみました。きれいに収まりました。
まだ、タグ記述のご指摘も感謝です。
ちょっと気になったのですが、白い背景とグレーの背景の間隔が左右で違うのですが、ここを指定するのは、スタイルシートのどのタグになるのでしょうか?
宜しくお願い致します。
#2. BLUEPIXY
2009-05-01 04:42:06
>>#1
白い背景部分は、
<div id="container">
の背景色としての白が残ったものです。
この幅は、看板の画像が、上部の枠幅にもなっているので、
一部分だけの指定では変更できません。
この画像やら、<div id="container">の幅やら、
その中身の表示のマージン・パディングなどを調整しないといけません。
簡易には、
その部分の幅を指定するのではなく、
<div id="blogcontainer">の幅を大きくしてやることで、
（中身の薄いブルー部分の）
相対的な位置を変えてやることができます。
概ね
#blogcontainer{
width:800px;
の部分をwidth:810px;くらいにすると、両方の幅が同じになったような感じになります。
（表示するブラウザによっては、かならずしも狙ったような感じにはならないかも知れません）
#3. milk
2009-05-01 09:18:38
BLUEPIXY様、
重ねて感謝です。納得しました。
心から御礼申し上げます。
