Tamaño vertical en porcentaje para divs

MiLLeN · #1 (**permalink**) 04/07/2008, 02:54

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)?

manumaf · #2 (**permalink**) 04/07/2008, 03:10

La div contiene algo adentro o tiene bordes para verla.

Pasa algo de codigo para ayudarte

MiLLeN · #3 (**permalink**) 04/07/2008, 04:16

Cita:

Iniciado por manumaf

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?...

Mikmoro · #4 (**permalink**) 04/07/2008, 08:29

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.