2009-04-24 16 views
1

J'essaye de concevoir un formulaire qui utilise la valeur d'affichage du bloc CSS en ligne pour un arrangement semblable à une table. Je sais que certains navigateurs y compris Firefox 2 ne savent pas comment le gérer, j'ai donc utilisé cette méthode pour le faire fonctionner dans tous les navigateurs. Cependant, parfois, lorsque je l'essaie dans Firefox 2, le navigateur se fige. Mon utilisation de l'UC est bloquée près de 100% et parfois l'utilisation de la mémoire augmente rapidement jusqu'à une valeur énorme. Est-ce que quelqu'un sait pourquoi cela se passe ou comment contourner cela? Voici un exemple simple d'une page qui montre ce problème:Firefox 2 se fige en essayant l'astuce du bloc en ligne du navigateur

<!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> 

Il fonctionne très bien dans Firefox 3, mais il se bloque Firefox 2. La balise br < > n'est pas nécessaire pour le bug, mais il conserve les entrées d'être l'un sur l'autre.

+0

J'ai décidé de renoncer à cette question. J'ai essayé la suggestion d'Andy Ford, et cela a empêché le navigateur de tomber en panne, mais cela a causé d'autres bizarreries visuelles. Finalement, j'ai eu mon site à travailler dans Firefox 2. Il ne semble pas tout à fait la même chose, mais j'ai pensé que si peu de gens utilisent encore Firefox 2, cela ne vaut pas la peine pour moi d'essayer de diagnostiquer cela. Si quelqu'un s'en soucie, quelqu'un d'autre devra gérer cette question. –

+0

Cela peut être un peu en retard, mais au cas où quelqu'un serait intéressé, voici où j'ai appris l'astuce: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block / –

Répondre

2

essayer cette place

div { 
    display: -moz-inline-box; 
    display: inline-block; 
    }