2009-04-24 8 views
1

テーブルのような配置にCSSインラインブロックの表示値を使用するフォームを設計しようとしています。私は、Firefox 2を含むいくつかのブラウザがそれをどのように処理するのかわからないことを知っているので、私はこの方法を使ってすべてのブラウザで動作させました。しかし、Firefox 2で試してみると、ブラウザがフリーズすることがあります。私のCPU使用率は100%近くに止まり、時にはメモリ使用量が急激に大きくなってしまいます。誰がなぜこれが起こっているのか、それを回避する方法を知っていますか?ここでは、この問題を示していたページの簡単な例です:クロスブラウザのインラインブロックトリックを試すときにFirefox 2がフリーズする

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html><head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>-moz-inline-stack test</title> 
<style type="text/css"> 
div { 
    display: -moz-inline-stack; 
} 
</style> 
</head> 
<body> 
<div> 
    <input type="radio" name="test" value="yes"> 
    <br> 
    <input type="radio" name="test" value="no"> 
</div> 
</body></html> 

これは、Firefox 3で正常に動作しますが、それは、Firefox 2が<BR>タグは、バグのために必要ではないが、それはされてからの入力を続けるフリーズお互いの上に

+0

これを試してみてください。私はAndy Fordの提案を試みたが、ブラウザがクラッシュするのを防いだが、それは他の視覚的な癖を引き起こした。最終的に私はFirefox 2で作業するサイトを持っていました。それは全く同じではありませんが、Firefox 2を使用している人はまだ少ないので、これを診断しようとする価値はありません。誰かが気にするなら、誰かがこの質問を処理しなければならないでしょう。 –

+0

これは遅れているかもしれませんが、誰かが興味がある場合は、ここで私がこのトリックについて学んだところです: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block / –

答えて

2

が、私はこの質問に放棄することを決定した代わりに

div { 
    display: -moz-inline-box; 
    display: inline-block; 
    } 
関連する問題