左右非対称なpaddingを指定したtd(MacIE)

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: 皆川 : 2005/05/23 21:12
いろいろ検索して回ったのですが、語句の選び方が悪かったのか
これといった手がかりが得られなかったので、
お知恵を拝借出来ないかと思いお邪魔しました。
WinIE、MacIE、Netscape、FireFox、Safariで確認し
MacIEでのみ起きた現象なのですが、これを解消する方法はありませんか。
htmlにおかしいところがありましたら、ご指摘頂ければ嬉しいです。

[スクリーンショット]http://www.yotteke.net/test2/table.gif
[上図のhtml]http://www.yotteke.net/test2/table.html

上の、テーブル1のtdには、dataというクラス名をつけて
スタイルシートで
.data { padding: 10px 0px 10px 48px }という指定をしています。
2つの段落からなるテキストをtdの中に入れたのですが
ひとつ目の段落のみ、padding:0pxのはずの右端に隙間が出来るのです(丸囲み部)。
2つ目の段落からは、paddingで指定した通りの表示になります。
dlやulなどでも同様の現象がおきました。

参考までに、テーブル2はクラス付けされていないtdです。
同じテキストを入れてあります。こちらは隙間はできません。

単に、blockquoteタグを使えばいいのかもしれませんが
他の要素との兼ね合いで、paddingを用いています。
marginでの代用は、tdの内容物がimgありpありdlありulありという状態で
逐一divでの指定になってしまうので、出来れば避けたいです。

何卒宜しくお願い致します。

1   名前: tk : 2005/05/23 21:12
一段目のp要素に"width:100%;"を指定で取合えずちゃんと表示されるみたいです。
上のHTMLをいじってIE for Mac 5.23で確認しただけですが。

2   名前: 皆川 : 2005/05/23 21:12
>tk様

お礼と報告が遅くなり申し訳ありません。
仰るとおり、p要素へのwidth指定で問題は解消されました。有難うございます。
ただ、今度は何故かWIN IE6でのみ
右端の文字が半分欠ける現象がおきたので
width: 99%としてみました。

一覧へ戻る