2010-01-07 4 views
10

J'ai 1 span dans un conteneur div. Je veux que la portée flotte à droite. Le contenu dans la div et l'étendue doit être sur une ligne.une portée flottait juste dans un div - pourquoi une nouvelle ligne dans IE?

Dans Firefox, voilà comment il affiche.

Mais dans IE, la durée est affichée sur une nouvelle ligne:

http://i48.tinypic.com/etzg5f.png

Pourquoi les navigateurs affichent le contenu différemment?

+2

Pouvez-vous poster le code HTML et CSS que vous avez utilisé pour créer ceci? –

+0

Impossible de le faire parce que je suis tout nouveau. Je vais essayer ici un commentaire: HTML:

\t \t \t Choose Catalog \t \t \t \t \t \t \t \t \t \t \t \t \t Subscribe to \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t #currentCatalog# \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t All videos \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t
\t CSS: .catalogSelection # top #rss { \t float: right; } – Anthony

+3

Vous devez placer vos éléments float: right avant les éléments non flottants. –

Répondre

25

Vous devriez flotter l'autre contenu à gauche. Donc, ayez deux flotteurs; gauche et droite.

Une autre approche pourrait utiliser la position absolue sur la durée, par rapport à la etdes div entourant. Ensuite, vous pouvez mettre les positions (haut, gauche, droite et bas) et positionner les éléments comme vous le devriez!

+2

Souhaite que je pourrais vous upvote 100 fois. Votre réponse vient de terminer une quête de 2 heures pour la solution à l'une des "excentricités" d'IE6. Merci! – Henrik

+0

Firefox est également connu pour avoir ce problème. Vous avez toujours besoin de faire flotter quelque chose vers la gauche avant de faire flotter votre travée vers la droite. – Alucard

0

Vous pourriez probablement avec spécifier une largeur de votre définition de style .catalogSelection#top #rss. Lors de la définition de l'élément à faire flotter, il considère qu'il s'agit d'un élément de niveau bloc et puisque votre texte existant n'est pas flottant, il s'emboîte sur la ligne suivante. Soit ceci, soit vous devez aussi faire flotter votre texte Choose Catalog vers la gauche. Ou, comme Kevin l'a suggéré, vous pouvez simplement placer vos éléments Floatés à gauche du non flottant, mais cela peut poser un problème en ce qui concerne les lecteurs d'écran tels qu'ils se lisent de gauche à droite dans votre code et non sémantiquement correct.

+0

Faites une autre travée pour le texte Choisir le catalogue et flottez vers la gauche. Merci! – Anthony

Questions connexes