FFやsafariは、スクロールが必要ないときは、スクロールバーが消えてしまう。
このため、スクロールバーの有無でセンタリングがずれてしまう。
常にスクロールバーを表示しておけば、
ページ遷移でセンタリングがずれる違和感をなくすことができる。
html {
overflow-y:scroll;
}
ただし、NNとOperaには効果なし。
NN、Operaに対応するには
html {
margin-bottom:1px;
height:100%;
}
とする。
ただ、常に1pxだけスクロールできる状態になるので、コンテンツの少ないページでは、
ものすごい違和感を感じる。
個人的には、NN、Operaはあきらめて、
overflow-y:scroll;
の方がいいなぁ。
Opera(WIn Mac共にVer9.21）でGoogleMapを閲覧すると、
mapの淵にロールオーバーしたときに変なスクロールバーがでます。
（本家のGoogleMapでは出ない。APIで設置した際に出るようです。）
これを消去するには、mapの領域に
#map {
position:relative;
overflow:hidden;
}
を記述すれば解決します。
ボクはbrタグにclearなクラスを割り当ててクリアしてたんだけど。
<br class="cl" />
.cl{
clear:both;
}
こんな感じで。
あんまりIE向けハックとか使いたくなくて。
結局のところ、どっちでも一長一短。（理由は割愛）
使う人の好みで使い分ければよいと思う。
段組みをfloatで実現する場合、正しいcss解釈のブラウザでは、背景繰り返しがうまくいかない場合がよくある。
また、IEで、リンクにオンマウスすると文字や背景が消えたり現れたりすることがある。
これらの不具合を解決する方法。
これはかなり悩んでる人も多いと思います。
background-color:transparent;
