アド・オン・デマンド 開発者ブログ

社長のブログがAoDを貼った後、IEで見るとレイアウトが崩れていた。
っつーことでお叱りを頂きましたが。。。

デザイナの某氏に聞いたところ、
IEのCSSエンジンは、フロートさせたときに
「フロート一つ目のマージンとパディングを2倍取る！」
つー現象があったりなかったりするらしい。
例えば、高度な設定で、オーバーフローのスクロールバーの分、
マージンを右に10px取ってる↓んだけど、こういうのがやばいらしい。

.aod_feeder {
    float: left;
    margin: 10px 10px 0 0 ;
    padding: 0;
/*** ↓横幅↓ ***/
    width: 220px;
/*** ↓高さ↓ ***/
    height: 315px;
/*** ↓下の一行を削除すれば、スクロールしません↓ ***/
    overflow: auto;
}

で。

.aod_feeder {
    float: left;
    margin: 10px 5px 0 0 ;
    padding: 0;
    /*** ↓横幅↓ ***/
    width: 220px;
    /*** ↓高さ↓ ***/
    height: 315px;
    /*** ↓下の一行を削除すれば、スクロールしません↓ ***/
    overflow: auto;
}
html>body .aod_feeder {
    margin: 10px 10px 0 0 ;
}

のようにすれば、
IEでは5px X 2、FireFoxとかでは10pxになるのでは、ないかと。。。

んーん。
奥が深すぎる。。。

ユン