デザインが大きすぎて記事ずれが起きてしまいます

いま僕のブログではデザイン設定を“イベント”の「卒業写真」に設定してます。
ところが、ウインドウの幅を最大くらいまでに広げないと記事がずれてしまいます。ウインドウの大きさをいちいち変える必要なく、かつ記事ずれをおこさないためにはどうすればいいでしょうか？

※僕の言う「記事ずれ」とは、ブログを開いたときに最新記事がプラグインより下の方にいってしまう状態のことを指します。

ホワイト・リバラックさん。ご質問ありがとうございます。

おっしゃっている「記事ずれ」ですが、普通見かける「サイドバーが落ちる」現象に通じるところがありますね。
「メインカラムが落ちている」ようです。
（メインカラムは記事が書いてある部分です。）

「サイドバーが落ちる」事と関連しておりますので、下記を参考にされて下さい。
【サイドバーが落ちるトラブルシューティング】


さて、この「卒業写真」デザインですが、ウィンドウの大きさに合わせて、メインカラムの大きさが変わります。
これを固定すれば、ウインドウの大きさで落ちることは無くなると思います。

管理画面で、カスタマイズ/管理　→　デザインの設定 →　カスタマイズ　→　スタイルシート（CSS） と進んで、出てきた文字列の内容を変更します。

念のため、内容をctrl＋Aで全て選択され、ctrl+Cでコピー、ワードパットにペーストし、保存されておいて下さい。
これでスタイルシートのバックアップとなります。

下記の2つの部分を探されて下さい。


#container{
background:url(http://parts.blog.livedoor.jp/img/usr/graduation/right.gif) repeat-y 100% 0;
margin:0 auto;
word-break:break-all;
/*\*/
height:100%;
/* */
}

#content{
text-align:left;
margin-left:250px;
}


これら2つの部分を下記のように書き換えます。



#container{
width:950px;
background:url(http://parts.blog.livedoor.jp/img/usr/graduation/right.gif) repeat-y 100% 0;
margin:0 auto;
word-break:break-all;
/*\*/
height:100%;
/* */
}


#content{
width:495px;
text-align:left;
margin-left:230px;
}


変更されたら、スタイルシート（CSS）を保存、再構築し、サイトを確認されてみて下さい。


表示が崩れたりしたら、バックアップしたスタイルシートに戻してください。


問題が解決しない場合は、この質問のコメント欄にお気軽にコメントされて下さい。
詳しい方がより良い回答をしてくださると思います。