[bysheep] :: layout com css

layout feito com css e usando a altura toda da tela

<html>
<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.