全幅CSSレイアウトのコンテンツエリアに、幅１００％のテーブルが入ると、IE6では、他のブラウザと違う動作をします。
数日かけてで解決方法を探してみましたが、この件に関する問題解決が見当たらなかったのでここで質問させていただきました。
以下がその例です。
Firefox3、IE7、Safari3では期待通りの動作をします。IE6でも同じ動作をさせる方法を探しています。
https://go.pittstate.edu/html/skin.layout2.htm
(上記ファイルは解決後削除します。ソースをこの質問と一緒に貼り付けようとしたのですが、書き込み文字制限に引っかかってしまいました。後から見る方申し訳ありません。)
条件として、
- DOCTYPEは変更しない
- コンテンツエリア内部は複数の人によって作られることを想定するので、テーブル部分以外で調整可能なご指摘をお願いいたします。
よろしくお願いいたします。
<< テスト環境 >>
FX3, Sf3, IE7 - Win Vista(英語) テキスト設定 120dpi
IE6 - Win Vista(英語) 上の バーチャルPC Win2000(英語)
No.1
426
81
100pt
条件が変わるとまた表示が崩れるかもしれませんが、
以下の CSS を加えることで一応希望通りに表示されているようです。
#detail table { _margin-right : -3px ; _position : relative ; _left : -3px ; }
2
2
1
1
1
ご提示されたCSSで確かに期待通りの表示をすることができました。
適切なご回答ありがとうございました。