hiroeleganceのエレガンスとは呼べない日常

WEB屋hiroelegance(ヒロエレガンス)のブログhiroeleganceのエレガンスとは呼べない日常略して「エレ日」です。YouTubeで毎週火曜0時にラジオを配信しています。ラジオの神様である伊集院光さんの深夜の馬鹿力に憧れて自己満ラジオやってます。

IE6のwidth解釈バグ対処

   

エレ日の右カラムがIEで見ると落ちていて
FireFox使いなのでずっと気づかなかったのですが
シェア的にIE使いの方は大半を占めると思われるので
IEでも右カラムが落ちないようにCSSを書き換えました。


ADP: IE6のwidth解釈バグ対処法
こちらの記事を参考にしました。

IEだとPaddingやmarginも含めてWidthを解釈しやがる
こんちきしょーなブラウザなので、
こいつに対応するため
<div class="content">
<div class="blog">
ブログのメインカラム
</div>
</div>

ソースがこうなっているので
.contentにはWidthだけ指定して
.blogにPaddingを指定して、
Paddingも15から10に減らしたら
カラム落ちしなくなりました(`・ω・´)

  広告

 - PC・デジモノ・フリーソフト・アプリ