質問: Web制作をしています。tdの中にpを入れるため、外部CSSでtdに td.2of2 { width: 310; padding: 0px 15px 0px 0px; } と指定しました。 Dreamweaver上ではパッディングしているのですが、 FireFoxやIE7で表示させると、 パッディングせず、文字列(p)がtdの右端とくっついて表示されてしまいます。 なぜでしょうか?
回答: おっしゃる情報を元にサンプルを起こしてみました。 ``` table align test あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお かきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこ ``` おそらくくっついていないと思います。 何かしらのサイズ指定のどこかで、テキストが自動改行しなくなっていたりしないでしょうか。 html内のタグにつけた属性と、スタイルシートの条件の重なり具合をチェックするといいかもしれません。 よりシンプルなhtml/cssを書いて、徐々に積み上げて作っていくことをお勧めします。