J'ai le code suivant: et j'ai besoin d'IE7 (IE6 non requis et FF3.x fonctionne bien) pour envelopper le texte correctement, que si je supprimais le contenu = "vrai" des divs. Essayez simplement ce code avec et sans contenttible et vous verrez ce que je veux dire. Faites la fenêtre de navigateur suffisamment petite pour que vous voyiez comment le texte enveloppe. Merci.
7 Réponses :
Avez-vous essayé le dépassement Propriété ?
O mon! IE Developer Toolbar Barre d'outils révèle que avoir la mise en page essentiellement signifie qu'un élément est rectangulaire.
Bien qu'il y ait plusieurs hacks là-bas forçant une mise en page , je pense qu'il n'y a aucun moyen de supprimer it. : ( contentimé déclenche La disposition infâme Propriété
Pourquoi n'utilisez-vous pas Vous pouvez même utiliser http://www.brunildo.org/test/inlineblocklayout.html
Notez que, selon QuirksMode Le support dans IE 6 et 7 est incomplet pour cette < / p>
EXAPMLES: http://jsfiddle.net/snzbn/ Affichage: Bloc pour les DIV?
inline-block si elles ont vraiment besoin d'être en ligne:
Avez-vous essayé d'utiliser une portée au lieu d'un div?
Les balises de span sont en ligne, sans avoir besoin d'affichage: en ligne.
Désolé, que je n'ai pas essayé, mais je n'ai pas d'IE7, en ce moment.
Cher ami, toutes les versions de IE ont quelques inconvénients. spécialement dans des feuilles de style analyse. Pour chaque version, la règle SYTLE doit modifier. Je suggère que vous devez utiliser la règle de style pour chaque version. c'est à dire. Ie style piratage. De mes connaissances, c'est-à-dire que la version est la meilleure dans toutes les versions d'IE. Il affiche correctement ce que vous écrivez dans des feuilles de style.
Démo: http://jsbin.com/icavu4 essayez Cela peut aider à résoudre un peu le problème! mis à jour: Étant donné que cela peut être considéré comme une solution de contournement en partie, il vous permet de l'afficher comme FF, mais il a coupé la dernière partie du texte,
Vous voudrez peut-être fournir le
texte intégral pour éditer sur survoler en utilisant un
peu de javascript!
Réponse courte: Si vous utilisez Détail:
IE9 se comporte de la même manière.
La transmission se comporte de la même manière que Affichage: Inline-Block au lieu de Affichage: Inline , alors tous les autres navigateurs se comporteront comme IE!
div {affichage: inline} , ce qui devrait.
La réponse 1 Sep 1 de Pumbaa80 est la meilleure.
Fondamentalement, le contenu doit être rectangulaire dans IE.
Donc, à la fois de l'écran et de votre div le rendu comme Affichage: Inline-Block dans IE.
J'utilise contentement tout le temps dans un système de gestion de contenu.
Je profite de la "fonctionnalité" de sorte que l'utilisateur dispose de l'espace nécessaire pour travailler lorsque la Div modifiable est initialement vide. Dans votre exemple, si vous supprimez tout le texte en "courte", alors bonne chance pour récupérer le curseur dans l'élément pour remettre le texte. Cela s'effondre simplement à rien.
Dans le CMS, je bascule contesté et activé, selon que l'utilisateur a sélectionné le mode d'édition ou d'aperçu. Dans le même temps, je bascule l'affichage entre en ligne et le bloc de bloc / en ligne, et je bascule les guides d'édition (votre frontière rouge) éteint et sur.
... Tom
IE8 a le même comportement que IE7, au cas où vous étiez curieux.
J'ai trouvé exactement le même problème dans IE8. J'ai essayé de travailler à l'aide de-MMS-Word-Break: Break-All, pour que cela puisse préciser, c'est-à-dire que je veux une rupture de ligne par défaut, mais aucune chance. Tous les autres navigateurs le font correctement.