Distancia de un div determinando el navegador.

[dannytm]

Buenas tardes.

Me gustaría saber si hay alguna propiedad en CSS el la que se pueda determinar la distancia de un div desde el navegador. Es decir un top, pero que la distancia sea desde arriba del navegador hasta el div, en lugar de desde arriba de la página.

Muchas gracias.

[Shaito]

Hola!

Realmente lo que estás diciendo son la misma cosa, pues usas un "margin-top"

Solo que lo puedes emplear desde el tope de la web, por ejemplo a 50px:

Código CSS:

body{margin:0px}
.div-ejemplo{margin-top:50px}
 

El resultado sería algo así:


Si lo que buscas es que empieze totalmente desde arriba lo que tienes que hacer es quitar el margin que pone por defecto el body.

Código CSS:

Body{margin:0px;}
 

[bex]

Iniciado por dannytm

...pero que la distancia sea desde arriba del navegador hasta el div, en lugar de desde arriba de la página.

Tal vez el amigo se refiere a que quede fijo siempre a la misma distancia de la ventana. Para eso deberías usar position:fixed;

Código CSS:

.div-ejemplo{top:50px; position:fixed;}
 

[kseso?]

No me queda muy claro qué pretende conseguir.
Pero si lo que desea es que la primera caja quede separada del borde superior de la ventana, aplique un /margin/ o /padding/ "-top" directamente al /body/

Pero como reiteradamente se ha dicho, si la pregunta es ambigua o imprecisa, las respuestas ofrecidas tendrán el mismo grado de precisión.