ＦＣ２ブログ ウィンドウを縮めると記事が下に落ちてしまいます。

質問

こんにちは。ブログのテンプレートについて困っているので助けてください。
ウィンドウを縮めると記事の部分だけが左下に落ちてしまいしかもスクロールバーで右にスクロールすると右側が白く表示されます。

編集中に誤ってどこか消してしまったのかと思いいろいろ調べていますがなかなか分かりません。

他の場所はどうやら落ちないみたいです。

単純な質問で申し訳ないですが作り直し以外に編集方法はあるのでしょうか？
またその方法を教えていただきたいのです。

お願いします。

回答No.1

noname#67354 · ベストアンサー

ブラウザもわかりませんし、テンプレートもたくさん種類があるのでどれなのかわからないし、まったく想像するしかないのですが…
ウィンドウを縮めるというより、画像の横幅が大き過ぎということはありませんか？
テンプレートによっては、画像の横幅が想定以上に広い場合、記事が落ちてしまうことがあります。
もしそうであれば、横幅を400ピクセル以下、ものによっては320ピクセル程度、あるいはそれ以下にしてみるとかで直るかも？知れません。
私は以前↑の状態でしたので。

＞編集中に誤ってどこか消してしまったのかと思い
HTMLやCSSを編集していてなったのであれば、再度同じテンプレートをダウンロードしてやり直してみると良いのでは？

お礼

ありがとうございます。
ブログはhttp://keisukekun1995.blog75.fc2.com/

なんですが。
やっぱり画像でしょうかね・・。

回答No.4

ro_ku

こんばんは。

失礼ではありましたが、ソース拝見させて頂きました。
だいぶHTMLを変更されているようで、
ブラウザの表示上は問題なくてもタグの書き方がマズイ部分があります。

後々支障が出る可能性もありますので分かる範囲で
少しずつ整理していった方が良いかと思います。

現状のHTMLから、記事部分を落ちなくする方法として、

HTML編集で
<div id="blogcontainer"><!-- blogcontainer -->のすぐ下に

<div class="box">
と貼り付けてください。

次に、
</div><!-- /blog -->
<br clear="all" />のすぐ下に

</div>
を貼り付けてください。

更に
スタイルシート（CSS）に

.box{
width:1000px;
}
を貼り付けて更新してみてください。

>右にスクロールすると右側が白く表示されます。

当方のvista、I.Eでは確認できませんでした。
右空白部分は黒色でした。

期待に見合った表示方法になれば良いのですが。

お礼

ＩＥ６　ＩＥ７で表示確認したところ一発で表示されました。
ありがとうございます。

回答No.3

ice-moon

まったく原型をとどめていませんね＾ ＾；

HTMLしかいじっていないということなので、サイドのタイトル背景の画像（緑のグラデバー）のサイズ、同じく記事の囲みの画像とタイトル背景画像のサイズに問題があるんじゃないかと思います。
表示させたい画面幅に合わせてサイドと記事幅を割り振り、それに合わせて画像を縮小するか、画像URLで％指定して調整してみてください。
グラデーションなので綺麗に表示されるかは疑問ですが…。

お礼

皆様方の丁寧な回答のおかげで直すことができました。
ご協力ありがとうございました。

回答No.2

ice-moon

テンプレ作者名とリンクがないので確認しようがないのですが（もしかして消しました？　自作でないのなら消さないようにしてください。）

プロフィール画像が大きいようですね。よく見るのは50～80px程度なので、まずはそのくらいに直してみたらどうでしょうか。
記事内画像もそうですが、設定幅よりも大きい画像が使われたりすると、サイドや記事が落ちたりすることはよくあります。
記事幅自体もけっこう大きいようですし、可変式でなく、もともとウィンドウ幅が1024で見ることをメインに作成されているのかもしれません。だとすると、このテンプレでウィンドウを小さくしても記事落ちしないように設定するのは、htmlやcssの知識がある程度ないと難しいです。

お礼

ありがとうございます。
テンプレートはhobbypというＦＣ２の公式テンプレートを編集したものです。
cssはわからないのでとりあえずプロフィール画像だけ小さくしてみましたが変わりませんでした。