画面イメージの固定

seesaa環境では無料のままでHTMLやCSS(スタイルシート)をカスタマイズできるので、
色々と試し甲斐がありそうです。

で、Cookieの保存機能に続いての作業ですが、
デフォルトのままではウィンドウサイズを小さくした時に、
記事部分や右サイドバーが下に落ちるような現象が発生しますので、
画面イメージを固定するためにCSSを書き換えてみました。

今回の要件を満たすには、次の3行を追加すれば実装できますが、

#container{
width:910px;
}

他にも微調整したので、自分に対するメモ代わりに修正内容を載せておきます。

■修正箇所■
［デザイン］-［スタイルシート］
（青文字＝追加、赤文字＝削除）

【body：BLOG全体などの設定を管理 】

body {
font-family: Arial, Helvetica, sans-serif;
background:#CCCC99;
margin:0px;
padding:0px;
text-align:center;
}

【container：banner、content、links-left、links、footerの設定を管理 】

#container{　←containerの記述が無かったので追加
text-align:left;
width:910px;
}

【content：記事全体の設定を管理】

#content {
margin-bottom:30px;
margin-top:25px;
margin-left:10px;
float:left;
width:53%;
margin-left:5px;
margin-right:5px;
width:510px;
}

【links-left：左サイドバーの設定を管理】

#links-left {
font-weight:normal;
width:20%;
float:left;
margin-left: 5px;
margin-right: 10px;
width:195px;
margin-top:25px;
}

【linkst：右サイドバーの設定を管理】

#links {
font-weight:normal;
width:20%;
float:left;
margin-left: 10px;
margin-right: 10px;
width:195px;
margin-top:25px;
}

あまり深く考えずに適当にやっているので、
当ブログの表示で何かおかしいことがありましたらご指摘下さい(^^;