[bysheep] :: layout com css usando a tela toda

este exemplo de layout usando css e tendo a altura do tamaho da tela…

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<title>exemplo de camada</title>
<style>
/* para usar arquivo css ::
<link href=”css/selosAzul.css” rel=”stylesheet” type=”text/css” /> */

/* define as alturas da tela */
html, body {height:100%;}
/* formata o body */
body {
/* cola a camada no alto da tela */
margin-top: 0px;
padding-top: 0px;
}
/* camada que fica do tamanho da tela */
#tudo {
/* define a largura da tela */
width:760px;
/* define a forma de prender a camada */
position:relative;
/* cor de fundo da camanda */
background: #990000;
/* define as margens */
margin:0 auto;
/* define o alinhamento */
text-align:left;
/* define a menor altura */
min-height:100%;
/* defien que vai ter borda */
border:dotted #999;
/* coloca sem borda */
border-width:0 0px;
}
/* define novamente a altura */
* html #tudo {height: 100%;}
</style>

</head>
<body>
<div id=”tudo”>ssss</div>
</body>
</html>

Comentários encerrados.