Diary/2007-03-22 の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Diary/2007-03-22 へ行く。

//カテゴリ：ゲーム制作,パソコン
***はたまた CSS と格闘 [#h0f0d563]
#ref(Diary/FTS0300.png,nolink)
20 日に公開したサイトにブログをつけたいと言われたので、つけることにする。まぁつけるのはボクじゃないんだけど、設置された CGI にスタイルシートでデザインの統一をしなければならないのだが、それはボクがすることになった。&br;
というわけで、ちまちまといじり、割と簡単に完成。&br;
まぁまだタイトルバーに画像が必要だとか、影を入れなくちゃいけないとかあるんだけど、とりあえず色とレイアウトなどはそろった。よし、細かいところは忙しいのでまた今度と思ったのだが ''IE6 で見るとレイアウトが崩れることが判明。''&br;
マジスカ！&br;
出たよ出たよ、Microsoft お得意の独自解釈かよ！&br;
っつーわけであれこれ悪戦苦闘したが、ダメだ───────。&br;
float を使うとどうしてもうまくいかない。でも二段組を実現するにはどうしても float をつかわなくちゃいけないしなぁ。&br;
ちなみに IE7 や mozilla で見るとまったく問題ナッシング。&br;
問題となっているのは、ブロックとブロックが離れている場合なのだ。&br;

 MenuBar {
	float : left;
	margin-left : 25px;
	width : 160px;
 }
 Contents{
	margin-left 210px;
	width : 520px;
 }

簡単に言うとこんな感じの定義なんだが、この定義だと Menubar と Contents の間には 25 ドットほどの隙間ができるはずなのである。ところが IE6 だとくっつくのよねぇ。まぁスタイルシートは他のスタイルとかの影響もあるので、ここだけ抽出してもしかたないのだけどさ。&br;
で、IE6 でちゃんと表示できるように設定すると、今度は IE7 と mozilla でダメ。&br;
もーこんなアホなことに何時間も費やしてしまったよ……。&br;
結果的に float を使わずに position : absolute; をつかって回避。&br;
ホントに時間の無駄だった……orz


#comment