usando style:top

dieguicho · #1 (**permalink**) 15/07/2009, 14:59

estimados..
tengo un DIV que mide 100px de alto

como puedo posicionarlo a top: 120px

como se puede hacer algo asi

.div {
top:alto_del_div + 20px
}

se entiende? al alto del div sumarle 20 y eso aplicarlo a top:

gracias!

willyfc · #2 (**permalink**) 15/07/2009, 15:02

,mmm..., y por que no se lo sumas?, la verdad que no entiendo bien lo que tratas de hacer.

dieguicho · #3 (**permalink**) 15/07/2009, 15:21

tengo un div que mide 200px de alto
y quiero moverlo de donde esta.. 210px para arriba...
como se que mide 200 lo unico que tengo queh acer es sumarle ese 10
se entiende mejor ahora?

willyfc · #4 (**permalink**) 15/07/2009, 15:28

si no estoy entiendo mal, mmm., supongo que estas utilizando algún position, fijate a ver si te sirve el ejemplo:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{background:#DDD;}
.contenedor{width:800px; height:200px; border:1px solid #333; top:40px; position:absolute; margin:-20px 0 0 0;}
</style>
</head>
 
<body>
<div class="contenedor">
 
</div>
</body>
</html>

Si te fijas ese div tiene medidas de ancho y alto, tiene un top definido y para restarle o sumarle al top juego con su margen superior.

Espero te sirve, si no ya veremos otra solución.