ブロックレイアウトが・・・ # 18,Dec,2006 Monday - 22:00 # |[ブログカスタマイズ]テンプレート

ブロックレイアウトを変更したものの、スタイルシートの記述がおかしかったらしく、私の魂がIE上では大きく右側へ。。。orz

firefoxだと問題ないのになぁ。

スタイルシートの記述を変更！

#TopBlock {
width:580px;
height: 400px;
text-align: right;
background-color:#FFFFFF;
position:relative;
left:220px;
}

上記の青字の部分を以下の赤字の様に変更します。

#TopBlock {
width:580px;
height: 400px;
text-align: left;
background-color:#000000;
margin-left:220px;
}

positionでわざわざ相対配置なんてしなくても、marginの指定だけで事足りたようです。
positionで設定した場合、firefoxは問題なく表示されるのですが、IEは何故かタイトルブロックが大きく右側へズレてしまいました。
相対位置を決定する起点が違うんでしょうかねぇ？

背景の色を白から黒に変えたのは、IEだと画像が上方向に約3px程ズレて背景が見えてしまったからです。
これは私だけではないようで、他の人テンプレもIEで見るとやはりズレてます。

何でだべ？