XHTML+CSSでIEだと表示くずれが発生してしまう原因
普段使っているブラウザはCSSの解釈が最も正しいと評価されているMozilla系の「FireFox」です。
サイトを作る際には「FireFox」で最初に表示確認し、ある程度出来上がったら「Internet Explorer」でも確認するのですが、IEで表示くずれが発生してどう頑張っても直せないパターンが...。
左に本文、右にメニューみたいなよくある"2カラム"のレイアウトで、なおかつウィンドウの大きさによって表示枠を可変する"リキッドデザイン"のサイト作っておりました。
本文の表示ブロックに<table>を配置して、CSSでwidthを100%に指定。すると「FireFox」では正常に表示されるのに「Internet Explorer」だと本文ブロックがメニューブロックにまで食い込んでしまう!!
最小限のCSS指定でテストを繰り返すも、まったく原因が特定できませんでした。
ちなみにソース的にはこんなカンジです。
