• ベストアンサー

tableのセルの高さを調節する方法

heightを設定しないでline-height: 20%;でtableを作成すると、IE8やFireFoxなどでは正常に見えるのですが、IE7以前ではセルの高さが潰れて表示されます。 そこで、今度はheight:20pxを設定してline-heightを設定しないでtableを作成すると、IE7以前では正常に見えるのですが、IE8やFireFoxなどではセルの高さが異常に高く表示されます。 どのブラウザでも同様に表示させる方法を教えてください。 できれば、CSSで作成したいのですが。 どうぞ、宜しくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • t_ohta
  • ベストアンサー率38% (5238/13705)
回答No.2

ブラウザ毎にCSSを出し分けるのが一番です。 CSSハック とかで検索するといろいろな技が出てきますよ。

その他の回答 (1)

  • dayonee
  • ベストアンサー率20% (61/292)
回答No.1

CSSでline-height: 20%;でtableを作成しても、IE7を含む以前のバージョンでは 効果はありません。 IE8にバージョンアップすることをお勧めします。

junjunjujujun
質問者

お礼

早速のご回答、ありがとうございました。使っているブラウザは、GoogleChromeとIE8なので不自由ないのですが、通販ショップサイトを運営していて、IE7以前でテストして異常が判明して、お尋ねいたしました。

関連するQ&A