Hola,
estoy armando un HTML y siempre lo hice con tablas y núnca tuve problemas, hago HTML desde hace muchos años.
Siempre que intento hacer algo con DIV porque en todos lados veo que dice que no hay que usar Tablas que todo se hace con Div, lo intento y termino utilizando Tablas, ya que al cliente le importa que se vea como ellos quieren y rápido.
Pero igual sigo intentando al principio armar con DIVS
Lo que quiero es Armar un recuadro que ocupe toda la pantalla, que se adapte a la pantalla y que tenga un márgen, por ej. 4px
Intenté de todas formas con DIV y no se puede porque cuando le pongo 100% de Width y Height más el márgen, me ocupa más del total de la pantalla y queda fuera de la pantall.
Así que volví a la tabla, hice una tabla de 3x3 y lo del medio es el contenido y lo demás los márgenes
obviamente no es lo que se debe hacer.
Alguien me podría decir cual es la forma correcta de hacerlo?
Ahora le muestro el código con Tabla como lo hice:
Gracias!
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<style type="text/css">
<!--
html,body
{
height:100%;
overflow:hidden;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:0;
line-height:16px;
}
a:link, a:visited
{
text-decoration:none;
color:#000000;
}
a:hover
{
text-decoration:underline;
}
.v { overflow:hidden; height:1px;}
#c1, #c7 { height:4px; }
#c4, #c5 { width:2px; }
.contenido
{
border:1px solid #000000;
font-size:small;
text-align:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
// -->
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" id="c1"><div class="v"> </div></td>
</tr>
<tr>
<td id="c4"> </td>
<td class="contenido"> </td>
<td id="c5"> </td>
</tr>
<tr>
<td colspan="3" id="c7"><div class="v"> </div></td>
</tr>
</table>
</html>