Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/12/2008, 02:20
trhipahx
 
Fecha de Ingreso: septiembre-2006
Mensajes: 233
Antigüedad: 17 años, 6 meses
Puntos: 0
Elemento posicionado absolutamente sin width ni height

Hola!!!
Sigo con mi curso de posicionamiento en:
http://www.ignside.net/man/css/posicionamiento.php
y me he encontrado ese problema:
Con el siguiente código el elemento azul se extiende hacia la derecha todo lo que la ventana le deja en IE pero en el caso de Firefox por mucho que expandas la ventana del navegador el elemento azul tiene un ancho concreto que coincide con el final del elemento verde.
¿a qué se debe?
Gracias

Elemento posicionado absolutamente sin definir valores width o height

<SPAN STYLE="position:relative;background-color:#90EE90">
Relative green parent.
<SPAN STYLE="position:absolute; top:50px; left:50px;background-color:#ADD8E6">
absolute blue child absolute blue child
absolute blue child absolute blue child
absolute blue child absolute blue absolute blue child
</SPAN>
</SPAN>

¿quieres verlo?

Este ejemplo muestra un elemento posicionado absolutamente, sin propiedades widht y height.
Al estrechar la ventana del navegador, el rectángulo que contiene al elemento azul ocupa siempre el espacio hasta la derecha, extendiendose hacia abajo si es necesario.

Última edición por trhipahx; 11/12/2008 a las 01:54