Foros del Web » Creando para Internet » CSS »

usando style:top

Estas en el tema de usando style:top en el foro de CSS en Foros del Web. 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 + ...
  #1 (permalink)  
Antiguo 15/07/2009, 15:59
Avatar de dieguicho  
Fecha de Ingreso: noviembre-2001
Ubicación: Buenos Aires
Mensajes: 1.190
Antigüedad: 16 años
Puntos: 1
usando style:top

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!
__________________
On error no hago nada porque deje de fumar...
  #2 (permalink)  
Antiguo 15/07/2009, 16:02
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: usando style:top

,mmm..., y por que no se lo sumas?, la verdad que no entiendo bien lo que tratas de hacer.
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 15/07/2009, 16:21
Avatar de dieguicho  
Fecha de Ingreso: noviembre-2001
Ubicación: Buenos Aires
Mensajes: 1.190
Antigüedad: 16 años
Puntos: 1
Respuesta: usando style:top

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?
__________________
On error no hago nada porque deje de fumar...
  #4 (permalink)  
Antiguo 15/07/2009, 16:28
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: usando style:top

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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Untitled Document</title>
  5. <style type="text/css">
  6. body{background:#DDD;}
  7. .contenedor{width:800px; height:200px; border:1px solid #333; top:40px; position:absolute; margin:-20px 0 0 0;}
  8. </head>
  9.  
  10. <div class="contenedor">
  11.  
  12. </div>
  13. </body>
  14. </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.
__________________
WFC
codigo82
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 11:00.