知識、知恵のカタマリ

[PR]株主優待を受けてみよう☆

解決済

clip!clip!
Ads By Google

タイトル文字のずれ、背景画像について

ブログデザインを変更しようと思いスタイルシートをいじってたら、タイトルとブログの説明部分の文字が
以前はタイトル部分の画像に収まっていたのがブラウザの文字サイズを変えてみても飛び出て左の方にはみ出してしまい、
しかもプラグインを含む記事自体も全体的に左にズレたような気がしてどうにか元に戻せないかと困っています。

また、ブログの記事部分ではなく両端のデザインを単色ではなく
画像を入れる方法やその画像を作成するときの最適なサイズ、
良かったら記事の文字サイズがブラウザの文字サイズに影響されないようにする方法(できれば最小固定で)も教えていただけたら嬉しいです。よろしくお願いします。

参考までに→

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

回答(1)

1.

2009-02-25 20:13:24ベスト
ブログヘッダの部分で使用している画像サイズに比べて、ブログ全体の横幅が広く設定されていることが問題のようです。解決策としては、横幅を狭くするか、画像を横長にするか、画像を横にリピートさせるかになります。
横幅を狭くするのであれば
div#container
の中の「width」を「800px」まで狭くすればいいでしょう。画像を横長にするのであれば、画像をアップロードしなおす必要があります。画像を横にリピートさせるのであれば、
div.blog-title-outer
の中の「background」で「repeat left top」にすればいいでしょう。

記事本文中の文字サイズを固定にするのであれば、
div#main
の中に「font-size」を追加して好きな文字サイズを指定すれば、それが記事本文中の既定文字サイズになります。

詳しく教えてくださってありがとうございました。

Ads By Google

コメント(1)

#1.  BLUEPIXY
2009-02-26 02:30:31

div#container
の width を 790px 以下にする

トラックバック(2)

トラックバックURL: