Foros del Web » Creando para Internet » CSS »

Tamaño vertical en porcentaje para divs

Estas en el tema de Tamaño vertical en porcentaje para divs en el foro de CSS en Foros del Web. El problema es asi de simple, no se porque, ya que el resto de propiedades funcionan correctamente, incluido el porcentaje (%) a la hora de ...
  #1 (permalink)  
Antiguo 04/07/2008, 03:54
 
Fecha de Ingreso: diciembre-2007
Mensajes: 194
Antigüedad: 10 años
Puntos: 5
Tamaño vertical en porcentaje para divs

El problema es asi de simple, no se porque, ya que el resto de propiedades funcionan correctamente, incluido el porcentaje (%) a la hora de establecerlo para el tamaño horizontal (width), pero la cuestion es, que cuando especifico el tamaño vertical (height) de un div, segun el porcentaje (%), la div, no aparece... ¿porque sucede esto?, ¿como puedo solucionar esto si no me sirven los tamaños estaticos (que si que funcionan)?
  #2 (permalink)  
Antiguo 04/07/2008, 04:10
Avatar de manumaf  
Fecha de Ingreso: mayo-2007
Ubicación: Argentina
Mensajes: 853
Antigüedad: 10 años, 7 meses
Puntos: 6
Respuesta: Tamaño vertical en porcentaje para divs

La div contiene algo adentro o tiene bordes para verla.

Pasa algo de codigo para ayudarte
  #3 (permalink)  
Antiguo 04/07/2008, 05:16
 
Fecha de Ingreso: diciembre-2007
Mensajes: 194
Antigüedad: 10 años
Puntos: 5
Respuesta: Tamaño vertical en porcentaje para divs

Cita:
Iniciado por manumaf Ver Mensaje
La div contiene algo adentro o tiene bordes para verla.

Pasa algo de codigo para ayudarte
Si si, la div tiene un fondo de color distinto al resto de la pagina, y un .png, pero no existe, lo se, porque uso firebug, y clickeando el div en el HTML no me selecciona nada en la web...

No obstante, ¿codigo?, el mas sencillo del mundo...

HTML:
Código:
<html>
<head>
<link href="pruebas.css" rel="stylesheet" type="text/css" />

</head>
    <body>
        <div id="prueba" align="center">
           <!-- <img id="borde" src="imagenes/bordeTabla.png">            -->
        </div>
    </body>
</html>
CSS:
Código:
body{
    text-align:center;
}

#prueba{
    background-color: #e2e2ff;
    width: 50px;
    height: 50%;
    text-align: center;
    vertical-align: top;
}

#borde{
    width: 49px;
    height: 49px;
}
Me estoy dando cuenta, no solo de que que el % no muestra los divs, sino cualquier elemento, acabo de probar una tabla.... :|

Y otra cosa, ¿como se alinea horizontalmente una div?...
  #4 (permalink)  
Antiguo 04/07/2008, 09:29
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Tamaño vertical en porcentaje para divs

Prueba con:

html, body{height: 100%;
text-align:center;
}

#prueba{
background-color: #e2e2ff;
width: 50px;
height: 50%;
text-align: center;
vertical-align: top;
}

A la segunda pregunta, una caja se centra horizontalmente con margin: 0 auto;

Mikel.
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 16:26.