J'essaie de m'éloigner des tables, mais cela s'avère trop difficile.HTML Les conteneurs CSS ne sont pas alignés
C'est la page Web « http://outsidemma.com/index.php »
Je ne comprends pas pourquoi les deux cases vertes ne sont pas alignés correctement sur Chrome et les anciennes versions d'Opera.
Ceci fonctionne parfaitement avec firefox 3.5 et IE8.
Je voudrais connaître la raison derrière ce comportement étrange.
Au lieu d'affichage: inline-block, essayez float: left
Fieldset est traitée différemment dans chaque navigateur.
Vous devez utiliser soit
<div>content</div><ul><li>content<li></ul>pour séparer ceux-ci.
Dans les deux cas, vous devez définir le style float:left;
Comme d'autres l'ont mentionné, parce que certains navigateurs traitent un fieldset avec différents paramètres par défaut display.
Il peut vous intéresser d'utiliser une base CSS comme YUI Reset pour supprimer toutes les incohérences de la façon dont les différents navigateurs traiter des éléments:
http://developer.yahoo.com/yui/reset/
Une bonne chose au sujet de la fondation YUI est que vous pouvez utiliser YUI Réinitialiser, Polices et Grilles séparément si vous voulez seulement un morceau. Vous pouvez également utiliser YUI Base pour ajouter un style par défaut cohérent dans tous les navigateurs.
j'avais ajouté une réinitialisation à sa page pour voir les résultats, et cela ne résout pas réellement son problème. Bien que l'utilisation d'une réinitialisation est un bon conseil – Erik
Il rend bien dans l'opéra 10.10 aussi (sauf pour les coins arrondis) –