2005年06月24日

画面イメージの固定

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;
}
あまり深く考えずに適当にやっているので、
当ブログの表示で何かおかしいことがありましたらご指摘下さい(^^;
posted by きーじぇい | Comment(0) | TrackBack(0) | 管理情報 |

この記事へのコメント

コメントを書く
お名前:
※必須入力
メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/4593909

この記事へのトラックバック