2011-03-09〜またもやレイアウト崩れる〜

例のケーキショップサイトにおいて
学校側が教えてくれたIE6においての
無駄な余白の消し方（以下）


> 「basic.css」の２５９行目、
>
> padding:40px 50px 20px;
>
> を、
>
> margin:40px auto 0px;
>
> に修正すれば解消されます。
>
> IE6では、「widhの数値を指定した要素にpaddingを指定した場合」は、widthの
> 解釈が他のブラウザと異なります。
>
> 上記のケースでは、
> contentsのwidthが800pxと指定されていましたので、
>
> ＜IE6での解釈＞
> 750+50+50＝800
> contentの内包要素が750px。左右のpaddingと足して800ｐｘ。
>
> ＜他のブラウザでの解釈＞
> 800＋50+50＝900
>
> 結果、IE6ではcontentの中身の幅が800ありませんので、
> 内包要素があふれていることになります。
>
> その影響でcontetn下部のスペースが余分にあいてしまっていました。


んで、

IETesterでIE6を確認すると以下の写真のようにまだ直らない＞＜w






あぁ〜