[SOLUCIONADO] No entiendo los porcentajes en CSS %

[Alex265]

Hola a todos.

Bueno, pues hay algo con lo que me como bastante el coco y es con los porcentajes en CSS, que no entiendo muy bien como funciona..

En teoría, si coloco padding-top: 50%; como en esta imagen, no se debería ver el texto justo en la mitad de la web???



Sin embargo fijaos que sale muy abajo..

En un div de medidas que coloque yo fijas si que se como funciona. Lo coloco a 50% y tengo que restarle en margen el width/2 y el height/2.

Como puedo hacer que ese texto salga centrado con porcentajes?? Gracias, un saludo.

[amadeo123]

primero ponle esto.


html, body{

height:100%;
width:100%;

}

segundo. yo no te aconsejo que toques el body, mejor que hagas un div y con el div ya juegas con los porcentajes. el body siempre al 100% en ancho y alto.


div="contenedor";


#contenedor{
height:50%;
}


tercero. si estas empezando a maquetar mejor que pongas colores a cada parte (por ejemplo rojo al body, azul a div1, verde div2) asi podras saber por donde van los tiros.


4: intenta no darle estilos (y muchos menos porcentajes y cosas "raras" ) al html, para eso estan las hojas de estilo.

[Alex265]

De acuerdo gracias!