IE6のTips

こんなページ早く不要になる日がくればいいのに...と思いつつ、依然として無視も出来ず。

センターレイアウト

ページ全体をブラウザの中央に配置したい場合、次の様にページ全体を囲うようにdivを定義し、marginの左右をautoにするが、

div#container{
margin:0 auto;
}

IE6では次の様にbodyにtext-align: center;をかける。こうすると、ページ全体のテキストも中央寄せになるので、ページ全体を囲むdivでtext-align: left;を指定し、戻す。

body {
 text-align: center;
}
div#container{
margin:0 auto;
text-align: left;
}

inline-blockによるレイアウト

IE6ではdivにCSSのdisplayでinline-blockが使えない。

他のブラウザーでは幅や高さを指定した領域を横に並べたい場合にはdivにinline-blockを指定するが

IEではspanやaなどもともとインラインの要素にinline-blockを指定すれば代替となる。