MSM-03C: 表示の崩れない3段カラム
このサイトを参考というかそのままパクって、IEでも表示の崩れなさそうな3カラム化ができたと思う。
indexはこんな感じ。
<div id="banner">タイトル</div>
<div id="inbox">
<div id="warp">
<div id="content">真ん中</div>
<div id="sidemenu">左</div>
</div>
<div id="links">右</div>
</div>
特徴は入れ子にしてfloatで流し込むところだね。
スタイルシートはこんなの。
#inbox {
width: 780px;
margin-right:auto;
margin-left: auto;
}
#warp {
float: left;
width: 580px;
}
#content {
z-index: 3;
float: right;
width: 400px;
background:#FFF;
color:#000;
}
#sidemenu {
z-index:1;
float: right;
width: 160px;
background:#FFF;
color:#000;
}
#links {
z-index:2;
float: right;
width: 160px;
background:#FFF;
color:#000;
}
これで家の環境では崩れなくなったけど、どうかな?
とりあえず暫定的に3カラム化してみた。
位置決め部分のスタイルシートを抜き出すと、こんな感じ。
#content {
z-index: 3;
position: absolute;
padding: 10px;
background:#FFF;
margin-right:200px;
margin-left: 200px;
margin-bottom:20px;
}
#sidemenu {
z-index:1;
position: absolute;
left: 20px;
width: 180px;
background:#FFF;
color:#000;
}
#links {
z-index:2;
position: absolute;
right: 20px;
width: 180px;
background:#FFF;
color:#000;
}
ポイントは position: absolute; を入れて、right、leftを指定しているところかな。
今日は嫁の誕生日だが、まったく関係なくマグナーテンから。
馬単で手広く流したが、バランスオブゲームとファインモーションは切り。
帰りはあまり面白いモノを発見できないまま茅野駅に到着。
エリザベス女王杯も固めで決まっちゃったね。
沼津への車中から馬券を買った。今回は取りにいくよ。
前走で新境地を開いたスマイルトゥモローから。以下ヤマカツリリー、ダイヤモンドビコー、アナマリー、トーワトレジャー、タイガーテイル、オースミハルカまで。
おっと、沼津に着いちゃった。
熱海に行ってきまぁす。
中小企業診断士向けの勉強がようやく週一ペースになってきた。
今日はM&A他の企業価値を進めて、財務・会計がとりあえず終了。来週中には答案を埋めてしまおう。
ちょっとだけMain Indexを変更。
変更箇所
・「最近のコメント」追加
・日付を%Y.%m.%d形式(2003.01.01)に変更
まぁ、勉強がてら、ということで。
小選挙区制とは言っておきながら、長野県内選挙区での次点候補はほとんど比例で復活当選。
これじゃ中選挙区制と何ら変わらないじゃんか。
嫁さんたちが下の子と俺を残して買い物中で、ちょっと時間が空いたので暇潰しにこのサイトでやりたいことをまとめてみる。
レイアウトの変更
ZDNetNewsのように3カラムのレイアウトにする。できればindexだけじゃなく全ページ。
同じく左右に隙間の空いたレイアウトにする。周りの色は暗いワインレッド。
あとは旧サイトのように白地に赤系統の色使いにする。
最後に旧サイトのコンテンツを載せよう。
中小企業診断士取得に向けて日本マンパワーの通信教育をやっている。本当に久しぶりに勉強。
財務・会計の資本コストと企業価値のところを進めた。
地方競馬が大好きなのだが、諏訪に引っ越してからというものすっかりご無沙汰してしまっている。
それでも結婚前までは出張の時とかに大井に顔を出していたんだけどな。
最近はめっきり大穴党。池田勇孝を神とあがめている。
……わりには名前が漢字で書けなくて、検索して確認してしまった。
しばらくは自己紹介を書き連ねよう。
俺の名前:ヒデト (山下 秀人)
昔の芸名:加納 穎
出身地:町田
現住所:諏訪
職業:某メーカーで技術者をやっている
趣味:競馬、子育て
最近の興味:中小企業診断士(のんびりと勉強中)、広汎性発達障害(ちまちまと勉強中)
あ、投稿者のLuckyというのは、俺が携帯で投稿したヤツです。
後藤と吉田豊の壮絶な叩き合いで、結局はシンボリクリスエスのレコード勝ち。
お前ら叩き合うのは木刀だけにしろよ。
スワンSを普通馬連ながら的中させたので、余勢を駆って天皇賞も的中といきたい。
といってもスワンSはWebで公開しなかったけどね。
本命はトーホウシデン。今年に入って落鉄のあった春の天皇賞を除けば負けすぎていないのに、人気の盲点になっている。
以下、6枠アグネスデジタル、カンファーベストと絡めてボックスで。
押さえにファストタテヤマ、イーグルカフェ、ツルマルボーイ、エイシンプレストンまで。
馬単の均等買いなので、熱い目もあるなあ。