Foros del Web » Diseño web » CSS »

alineación de texto e imágenes (IE vs FireFox)

Estas en el tema de alineación de texto e imágenes (IE vs FireFox) en el foro de CSS en Foros del Web. Hola, me he encontrado con el siguiente problema, a ver si podéis ayudarme a solucionarlo: Problema de alineación de texto con "floated images": CSS Código: ...
  #1 (permalink)  
Antiguo 01/07/2006, 17:36
 
Fecha de Ingreso: junio-2002
Mensajes: 751
Antigüedad: 12 años, 4 meses
Puntos: 21
alineación de texto e imágenes (IE vs FireFox)

Hola, me he encontrado con el siguiente problema, a ver si podéis ayudarme a solucionarlo:

Problema de alineación de texto con "floated images":

CSS
Código:
img { margin:10px; float:right;}
#container {width:600px; clear:both; text-align:justify;}
Código HTML:
<div id="container">
<img src="1.gif" width="200" height="150" alt="" />
<img src="2.gif" width="200" height="150" alt="" />
<img src="3.gif" width="200" height="150" alt="" />
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do  eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
laborum Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do  eiusmod
</p>
</div> 
En Firefox (tal como quiero):


En IE:


En IE el texto empieza al lado de la tercera imagen cuando lo que quiero es que empieza desde arriba de todo (como en firefox)

Gracias

Última edición por all-ill; 02/07/2006 a las 04:44
  #2 (permalink)  
Antiguo 01/07/2006, 21:24
Avatar de fer10  
Fecha de Ingreso: octubre-2005
Ubicación: Guadalajara - Mexico
Mensajes: 907
Antigüedad: 9 años
Puntos: 3
pues asi funciona:

Código HTML:
<div id="container">
	<img src="1.gif" width="200" height="150" alt="" /> 
	<img src="2.gif" width="200" height="150" alt="" />

	
	 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut 
	labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
	nisi ut aliquip ex ea	<img src="3.gif" width="200" height="150" alt="" /> commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit 
	esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt 
	in culpa qui officia deserunt mollit anim id est laborum Lorem ipsum dolor sit amet, consectetur 
	adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad 
	minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
	Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
	Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id 
	est laborum Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
</div> 
no se si lo puedas utilizar asi
__________________
Saludos
FT.
www.fernando.com.mx
  #3 (permalink)  
Antiguo 02/07/2006, 04:29
 
Fecha de Ingreso: junio-2002
Mensajes: 751
Antigüedad: 12 años, 4 meses
Puntos: 21
Si, pero de ese modo, al variar el tamaño del texto, la tercera imagen queda separada de las otras, ya que el texto se pone en medio de ellas.

No debe ser muy difícil conseguirlo pero no soy capaz de verlo

¿sabéis otra solución?
  #4 (permalink)  
Antiguo 02/07/2006, 08:51
Avatar de SiR.CARAJ0DIDA  
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.166
Antigüedad: 10 años, 3 meses
Puntos: 4
que deprimente... probe con todos los hacks y sigue sin funcionar.
__________________
Internet Explorer SuckS
Download FireFox
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:01.
SEO by vBSEO 3.3.2