2010-01-07 15 views
10

Tengo 1 tramo dentro de un contenedor div. Quiero que el tramo flote hacia la derecha. El contenido dentro del div y el lapso debe estar en una línea.un tramo flotó justo dentro de un div - ¿por qué una nueva línea en IE?

En Firefox, así es como se muestra.

Pero en IE, el lapso se muestra en una nueva línea:

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

¿Por qué los navegadores muestran el contenido de otra manera?

+2

¿Puedes publicar el código HTML y CSS que usaste para crear esto? –

+0

No pude hacerlo porque soy nuevo. Voy a tratar aquí en un comentario: 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 # superior #rss { \t float: right; } – Anthony

+3

Debe colocar su flotador: elementos correctos antes que los elementos no flotantes. –

Respuesta

25

Debe flotar el otro contenido a la izquierda. Entonces tienen dos carrozas; izquierda y derecha.

Otro enfoque podría ser usar la posición absoluta en el tramo, y la posición relativa en el div circundante. ¡Entonces podría colocar las posiciones (superior, izquierda, derecha e inferior) y colocar los elementos como debería!

+2

Ojalá pudiera votarte 100 veces. Su respuesta acaba de terminar una búsqueda de 2 horas para la solución a uno de los "excentricidades" de IE6. ¡Gracias! – Henrik

+0

Firefox también es conocido por tener este problema. Siempre debe flotar algo a la izquierda antes de flotar su tramo a la derecha – Alucard

0

Probablemente pueda salirse con la suya al especificar un ancho en su definición de estilo .catalogSelection#top #rss. Al configurar el elemento para que flote, lo considera un elemento de nivel de bloque y, dado que su texto existente no está flotante, se ajusta a la siguiente línea. O esto, o necesita flotar su texto Choose Catalog a la izquierda también. O como sugirió Kevin, puedes simplemente colocar tus elementos flotantes a la izquierda del elemento no flotante, pero esto puede ser un problema cuando se trata de lectores de pantalla, ya que se lee de izquierda a derecha en tu código y no es semánticamente correcto.

+0

Realizó otro tramo para Elegir texto del catálogo y flotó hacia la izquierda. ¡Gracias! – Anthony

Cuestiones relacionadas