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