CSS IMG alinear en IE

  • aloof
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Abr 03, 2004
  • Mensajes: 14
  • Loc: Oregon
  • Status: Offline

Nota Abril 3rd, 2004, 7:37 pm

¿Puede alguien decirme cómo solución al problema que si se suman las imágenes i derecho que no aparezcan en IE?

Gracias.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Abril 3rd, 2004, 7:37 pm

  • Nunzio390
  • Student
  • Student
  • Avatar de Usuario
  • Registrado: Mar 22, 2004
  • Mensajes: 70
  • Loc: Tharsis Ridge (Martian lowlands)
  • Status: Offline

Nota Abril 3rd, 2004, 10:48 pm

Bueno sin mostrar nada del código que está utilizando y está teniendo problemas con, o mejor aún, que nos muestra una página de ejemplo para que podamos estudiar el código fuente para averiguar lo que está haciendo mal, sólo puedo especular aquí. ¿Está usted en relación con la alineación de texto? ¿Está utilizando la propiedad text-align en un elemento de bloque que rodean? ¿Está utilizando la propiedad float o propiedad vertical-align con la imagen de sí mismo?

Este es el código para una imagen para hacer flotar a la derecha en relación con el texto que lo rodea...
Código: [ Select ]
<div><img style="float: right;" src="images/image.gif" alt="image" width="50" height="50">text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here - text here</div>


También puede alinear las imágenes mediante su inclusión en un bloque que tiene su contenido alineado con el margen izquierdo o derecho. Esto es útil si no desea que otros elementos para el flujo alrededor de la imagen. Para ello, aplicando el estilo de alineación con el elemento que contiene. Para alinear el contenido de los elementos de bloque puede utilizar text-align, con un valor de izquierda, derecha o centro.

Este código de derecha-alinear la imagen (y el texto)...

Código: [ Select ]
<p style="text-align:right;">
<img src="images/image.gif" alt="image" width="50" height="50">
<br>
text here - text here - text here
</p>
  1. <p style="text-align:right;">
  2. <img src="images/image.gif" alt="image" width="50" height="50">
  3. <br>
  4. text here - text here - text here
  5. </p>


Todo lo publicado anteriormente deberían mostrar correctamente en todos los navegadores, incluyendo el IE, otra vez, sin ver una página de muestra o el código fuente que está utilizando y está teniendo problemas, no puedo ofrecer más ayuda que yo ya tengo en este mensaje para usted .
  • aloof
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Abr 03, 2004
  • Mensajes: 14
  • Loc: Oregon
  • Status: Offline

Nota Abril 4th, 2004, 1:31 am

Sus dos ejemplos de código traducido todavía en el mismo problema: - \

El uso de cualquier forma de align = "derecha" o style = "float: derecho;" o cualquier otra forma de imagen alineación resultado en la imagen aparece como un gran espacio en blanco en el IE. La imagen está ahí (suspendido produce texto ALT), click derecho y puede salvarlo, el espacio y la toma de posesión del espacio en blanco con el equivalente a la imagen, pero no puedes ver la imagen.

Fotos no alineados en modo alguno se muestran muy bien. Un ejemplo de una imagen no aparece sería ver a http://engr.georgefox.edu/new en Internet Explorer.

edit: tuve la imagen para mostrar, añadiendo:

img (position: relative;)

a mi disposición el archivo CSS. ¿Es ésta una solución adecuada?
  • Nunzio390
  • Student
  • Student
  • Avatar de Usuario
  • Registrado: Mar 22, 2004
  • Mensajes: 70
  • Loc: Tharsis Ridge (Martian lowlands)
  • Status: Offline

Nota Abril 4th, 2004, 4:36 am

Buenos días. Desactivado para trabajar en un poco pero responderá en primer lugar.

Quote:
Sus dos ejemplos de código traducido todavía en el mismo problema

Shouldn't tener. No, en absoluto.

Quote:
El uso de cualquier forma de align = "derecha" o style = "float: derecho;" o cualquier otra forma de imagen alineación resultado en la imagen aparece como un gran espacio en blanco en el IE.

Funciona bien para mí en IE 6. ¿Qué versión de IE está usando?

Heres lo que hice solo para probar la página ubicada en http://engr.georgefox.edu/new/index.php...

Me salvó la página localmente. I guardado layout.css archivo local.

Me ha eliminado este código de css layout.css...
IMG
(
position: relative;
)

He probado la página en IE, Opera, Netscape y Mozilla Firefox navegadores y su oscope. JPG imagen que aparece muy bien en cada uno. Por lo tanto la posición relativa no era necesario, se añadirá a todos.

No sé qué decirle a otros que tener alguien más probarlo en IE para ver si experimentan el problema que tiene. Yo ciertamente no estoy experimentando ningún problema en absoluto.

Además, esto puede ser únicamente debido a un problema de caché. Completamente vacía su caché de Internet en IE y también asegurarse de que usted borra todo el contenido sin conexión así como...

IE> Herramientas> Opciones de Internet> Archivos temporales de Internet> Eliminar archivos>
Marca de verificación "Eliminar todo el contenido sin conexión"> pulse Aceptar
  • aloof
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Abr 03, 2004
  • Mensajes: 14
  • Loc: Oregon
  • Status: Offline

Nota Abril 4th, 2004, 1:59 pm

Que extraño. He probado en más de 10 máquinas diferentes en diferentes lugares. Funciona en todos los navegadores Internet Explorer, EXCEPTO.

Oh well.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de Usuario
  • Registrado: Dic 29, 2003
  • Mensajes: 5169
  • Loc: SC-USA
  • Status: Offline

Nota Abril 5th, 2004, 7:45 am

Debe haber otra cosa en su sitio, causando la imagen para no ser visibles. Esta no es una cosa IE (no un error cosa, de todos modos). Me imagino es un problema de interpretación de CSS. ¿Se puede publicar la página en sí en algún lugar para que podamos ver a?
- dM
  • b_heyer
  • Web Master
  • Web Master
  • Avatar de Usuario
  • Registrado: Jun 15, 2003
  • Mensajes: 4583
  • Loc: Maryland
  • Status: Offline

Nota Abril 7th, 2004, 1:26 pm

aloof escribió:
Fotos no alineados en modo alguno se muestran muy bien. Un ejemplo de una imagen no aparece sería ver a http://engr.georgefox.edu/new en Internet Explorer.

edit: tuve la imagen para mostrar, añadiendo:

img (position: relative;)

a mi disposición el archivo CSS. ¿Es ésta una solución adecuada?


dm...No está seguro si tienes trabajo o no, pero hay el enlace y su posible solución.
Pixel Acres V2
  • mephi
  • Born
  • Born
  • No Avatar
  • Registrado: Oct 05, 2009
  • Mensajes: 2
  • Status: Offline

Nota Octubre 5th, 2009, 1:28 am

Hola chicos,

did u encontrado ninguna solución para este problema?

Im strugling con este problema. img sin alinear la propiedad está funcionando bien. Con, en IE6 me sólo el espacio en blanco donde la imagen se debería haber mostrado.

Sírvanse proporcionar un vínculo para la revisión.

gracias
  • mk27
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Jun 09, 2009
  • Mensajes: 334
  • Status: Offline

Nota Octubre 5th, 2009, 7:31 am

mephi escribió:
did u encontrado ninguna solución para este problema?

Im strugling con este problema. img sin alinear la propiedad está funcionando bien. Con, en IE6 me sólo el espacio en blanco donde la imagen se debería haber mostrado.

Sírvanse proporcionar un vínculo para la revisión.

gracias


Con respecto a IE6, intente esto:

http://206.251.36.107/IE6.htm

Para todo lo demás, justo después del código que está utilizando y que alguien pueda encontrar algo mejor.
Imagen
  • mephi
  • Born
  • Born
  • No Avatar
  • Registrado: Oct 05, 2009
  • Mensajes: 2
  • Status: Offline

Nota Octubre 5th, 2009, 7:37 am

hehe, absolutamente cierto!

He encontrado solución a mi problema Tho, dio position: relative a los dos div contenedor y elementos flotantes en el interior de la div.


IE6 es un dolor en la A **!

Publicar Información

  • Total de mensajes en este tema: 10 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 124 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC