- 2004-02-12 (木)
- Movable Type
blogのレイアウトを考えた際、やりたかったのは 全体を幅760px固定 + 背景色白のDIVの中に収めて、それを画面の幅に対して常に中央寄せで表示させること。そこで、
<HTML>
<HEAD></HEAD>
<BODY>
<DIV align="center">
<DIV align="left" style="width: 760px; background-color: #fff;">
<!-- blog コンテンツ全体 -->
</DIV>
</DIV>
</BODY>
</HTML>
という感じの記述を Main Index Template に適応させてみたところ、Windows I.E. 6.0 ではうまく中央寄せで表示されるんだけど、MacOS X + Safari で見ると 表示が崩れている（背景色白が コンテンツ全体に適用されない）。align=right/left とかに変更すると Safari でもうまく背景色白が全体に適応されるのはどういう事なのか。ちきしょう Mac ＿|￣|○
（後日 MacOS X + I.E. 5.2 で検証したところ Safari 同様、表示が崩れている事を確認）
その後も CSS の float 属性を使ってどうにか〜 ... と期待を寄せるも、float 属性には left/right/none のいずれかしか指定ができない事が発覚（中央寄せは指定不可能）。今現在も良い案が無く、かつ Mac環境での見栄えは無視しちまおうという決断も下せぬまま、しかたなく 画面左寄せ のレイアウトでお茶を濁している次第です。
2004/02/20 解決しました
- Newer: about this site
- Older: Templateの不具合 : 背景色が正しく表示されない