Estilos CSS y utlizacion de %
Quisiera saber si a través de una hoja de estilos .css si especifico width : ¿100% y height al 100 % me garantiza que la página se visualiza al 100% en cualquier resolución de pantalla? Si existe alguna otra forma de garantizar el despliegue de las páginas full size en cualquier resolución seria muy interesante saberlo... Mil Gracias...
1 Respuesta
Respuesta de gemeneaux
1
Claro que con CSS podes conseguirlo, probá insertando estas líneas de código y comprobalo
<html>
<head>
<title>Página de prueba con layer centrado horizontal y verticalmente</title>
<style type="text/css">
html, body { background-color: #FFFFFF; height: 100%; margin: 0; padding: 0;
color: white; text-align: center; }
div#centered { border: 0; background-color: #00FF00; height: 50%; width: 50%;
position: absolute; left: 25%; top: 25%; color: black; }
</style>
</head>
<body>
<div id="centered">
<p>Div centrado vertical y horizontalmente, cambiando el valor top de 25% a
0% sólo queda centrado verticalemente.</p>
</div>
</body>
</html>
<html>
<head>
<title>Página de prueba con layer centrado horizontal y verticalmente</title>
<style type="text/css">
html, body { background-color: #FFFFFF; height: 100%; margin: 0; padding: 0;
color: white; text-align: center; }
div#centered { border: 0; background-color: #00FF00; height: 50%; width: 50%;
position: absolute; left: 25%; top: 25%; color: black; }
</style>
</head>
<body>
<div id="centered">
<p>Div centrado vertical y horizontalmente, cambiando el valor top de 25% a
0% sólo queda centrado verticalemente.</p>
</div>
</body>
</html>
