【Mac OS X】

Safariをお使いの方にCSSの質問です。
table{height:500px;}のような設定をした時、Safari以外のブラウザでは各行が均等な高さで表示されるのですが、Safariの場合下に行くにしたがって行の高さが低くなります。
例)
http://ijiijiph.seesaa.net/etc/test.html
(CSSはHTML内に記述してあります。一応iCabで確認してエラーがないことになってます。)

どのようにすればSafariで各行均等な高さで表示させることが可能でしょうか。
ただし、行の数は変化するのでtd{height:20px}のような設定はしたくないのです。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答2件)

id:izayoimizuki No.1

回答回数302ベストアンサー獲得回数0

tdタグの閉じタグとtrタグの閉じタグが抜けています。

これが原因で処理が混乱しているのではないでしょうか。

id:ijiiji

ああ、いっつもめんどくさいんで閉じないので根本的なところを見逃してましたね。

これを直しても直りませんでしたが。

もし正常に表示されたのであればソースを見せていただければ、と思います。

2005/03/26 00:31:42
id:izayoimizuki No.2

回答回数302ベストアンサー獲得回数0

heightがautoの場合内容の大きさが同じであれば高さは一定でなければなりませんが

ここまで簡略化しても問題が解決しないようなので

KHTML系ブラウザ(Konqueror,OmniWeb,Safari等)の

計算上の不具合のようです。

id:ijiiji

そうですね。不具合だというのは察しがつくのですが。

---------

有効な回答が出ないのでキャンセルします。

もし解決策があればいわしに書き込んでいただければポイントを送信いたします。

izayoimizukiさん回答ありがとうございました。

2005/03/30 20:44:28
  • id:kaz
    とりあえずの解決法

    .list td{
    height:1;
    border:solid #cccfcf 1px;
    border-top:tomato 3px dotted;
    }

    height: auto; を0以外の数字にすると
    とりあえず希望の状態になります。
    (ただし、あまり大きな数字はダメです)

    ※ Gecko 系ブラウザで最下段のセルが若干低く表示されますが
    これは元の HTML と同じ挙動なので無視しています。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません