
Duda con posicionamiento fijo
Publicado por Gustavo (28 intervenciones) el 04/05/2014 07:49:34
Hola de nuevo con una duda, ahora con el posicionamiento fijo, segun lei determinar las coordenadas de origen para
el posicionamiento de la caja funciona del mismo modo que el posicionamiento absoluto, es decir recorrer todos los
elementos contenedores de la caja comenzando por el mas cercano a la caja hasta llegar al body, y el navegador
se queda con el primer elemento contenedor cuyo valor de la propiedad position es distinta de static.
Bueno siguiendo ese razonamiento no se que sucede aca , ya que el primer elemento contenedor de la imagen es el div que en el archivo css lo posicione de forma relativa , asi que las coordenadas de origen tendrian que ser ese div,
sin embargo cuando le pongo valores 0 a las propiedades top y lef de la imagen las coordenadas de origen son
el body de la página.
les dejo el código html
y el código css
el posicionamiento de la caja funciona del mismo modo que el posicionamiento absoluto, es decir recorrer todos los
elementos contenedores de la caja comenzando por el mas cercano a la caja hasta llegar al body, y el navegador
se queda con el primer elemento contenedor cuyo valor de la propiedad position es distinta de static.
Bueno siguiendo ese razonamiento no se que sucede aca , ya que el primer elemento contenedor de la imagen es el div que en el archivo css lo posicione de forma relativa , asi que las coordenadas de origen tendrian que ser ese div,
sin embargo cuando le pongo valores 0 a las propiedades top y lef de la imagen las coordenadas de origen son
el body de la página.
les dejo el código html
1
2
3
4
5
6
7
8
9
10
11
12
body>
<div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus
ullamcorper velit eu ipsum. Ut pellentesque, est in volutpat cursus, risus
mi viverra augue, at pulvinar turpis leo sed orci. Donec ipsum. Curabitur
felis dui, ultrices ut, sollicitudin vel, rutrum at, tellus.</p>
<img src="http://i1177.photobucket.com/albums/x348/TANGO2013/cuadrado.png" alt="Imagen genérica">
</div>
y el código css
1
2
3
4
5
body {height:1200px;}
div {border:2px solid #ccc;padding:1em;margin:1em 0 1em 4em;width:300px;position:relative;}
div img {position:fixed;top:0px;left:0px;}
Valora esta pregunta


0