Foros del Web » Creando para Internet » CSS »

Por que no se alinea bien?

Estas en el tema de Por que no se alinea bien? en el foro de CSS en Foros del Web. Hola, tengo este código: Código HTML: <div style= "background-color: yellow;position: absolute;" > <div style= "position: relative;background-color: red;" > <div style= "position: absolute; right: 0;background-color: blue" ...
  #1 (permalink)  
Antiguo 25/07/2006, 16:41
 
Fecha de Ingreso: julio-2001
Ubicación: Barcelona
Mensajes: 922
Antigüedad: 22 años, 9 meses
Puntos: 1
Por que no se alinea bien?

Hola, tengo este código:

Código HTML:
<div style="background-color: yellow;position: absolute;">
	<div style="position: relative;background-color: red;">
		<div style="position: absolute; right: 0;background-color: blue">&nbsp;&nbsp;</div>
		<div>.</div>
	</div>
lkjklñjkljjñlkklj<br/>kñklñlkjl.jñlkjkñllkklj<br/>kñkljñlkjklkklj<br/>kñkljñlkjklkklj<br/>kñkljñlkjkkjñlkjlñkjlñkjlkñjlñjñlkjñlkjñlkjklñjklñjklj<br/>ñljñlkjklñjkñlkjlñkjlkñjlkñj
	klñjklñj
</div> 
Y no entiendo por que no se acaba de alinear del todo a la derecha el div azul en Internet Explorer. Queda un pixel por ahi suelto, y no sé por que sucede.

Alguien tiene alguna idea?

PD. El ejemplo es algo inútil, pero son solo pruebas.

Gracias

Última edición por abuenog; 25/07/2006 a las 17:06
  #2 (permalink)  
Antiguo 28/07/2006, 11:40
 
Fecha de Ingreso: julio-2001
Ubicación: Barcelona
Mensajes: 922
Antigüedad: 22 años, 9 meses
Puntos: 1
Nadie sabe por que sucede :( ?
  #3 (permalink)  
Antiguo 04/08/2006, 17:56
 
Fecha de Ingreso: agosto-2006
Ubicación: Madrid
Mensajes: 95
Antigüedad: 17 años, 8 meses
Puntos: 0
Cuando usas posicionamiento absoluto, utilizando como referencia "right" o "bottom", el navegador no puede calcularlo correctamente si no conoce las dimensiones exactas del contenedor. Te recomiendo que hagas la misma prueba, pero sustituyendo esos rellenos (que son a todas luces incorrectos), por dimensiones en los DIV, bien fijas o automáticas.
En cualquier caso, si lo que quieres es que el cuadro azul esté a la derecha del todo, no es necesario posicionamiento absoluto, usa simplemente el atributo "float:right"
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 04:16.