Hola, me gustaría realizar una página principal que abriese a modo "pantalla de cine" o como quiera que se pueda denominar el efecto de tener un rectángulo, muy sutil, conteniendo la web.
El efecto aproximado, en versión algo precaria, lo sabría conseguir con una tabla y un iframe, pero no sé si los iframes se recomiendan para estos casos o son solo una solución desesperada; sería algo así:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Bla, bla, bla</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#cfcfcf" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFCCCC">
<tr>
<td align="center">
<iframe align="middle" height= "425" width= "775" style="border: solid 1px #000000;" frameborder="" scrolling="no"></iframe>
</td>
</tr>
</table>
</body>
</html>
Sin embargo, siguiendo muy buenos consejos de este foro, estoy determinada a no usar tablas nunca más y dominar las CSS, así que allá va mi pregunta:
Si en la hoja de estilos pusiese:
html, body {
width: 100%;
height: 100%;
text-align: center;
}
#contenedor {
margin: 0 auto;
width: 90%;
height: 90%;
margin-left: auto;
margin-right: auto;
margin: 2em auto;
vertical-align: middle;
background-color: #FFCCCC;
}
body {
background-color: white;
font-family: Georgia, "Times New Roman", sans-serif;
color: black;
font-weight: normal;
text-align: justify;
font-style: normal;
font-size: 16px;
}
¿No se supone que tendría que conseguir una caja contenedora sobre fondo blanco diferenciada del fondo por márgenes en los 4 costados? Lo que me resulta correcto menos en el margen inferior.
¿Es quizás imposible hacer un margen inferior para una caja contenedora? es decir ¿hay algo así como un atributo "margin-low" o similar o tendría que buscar otra forma de conseguir el efecto deseado?
Os agradeceria tanto una respuesta "for dummies", ¡qué soy novata! jeje
MIL GRACIAS!!!!