【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回まで
  • 登録:2005/03/25 17:22:34
  • 終了:--

回答(2件)

id:izayoimizuki No.1

izayoimizuki回答回数302ベストアンサー獲得回数02005/03/25 22:08:29

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

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

id:ijiiji

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

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

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

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

izayoimizuki回答回数302ベストアンサー獲得回数02005/03/29 18:42:17

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 と同じ挙動なので無視しています。

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません