28 de janeiro de 2013
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 desativados em [bysheep] :: layout com css usando a tela toda | 
css, design, javascript, programação | 
Link permanente
Escrito por comoposso
16 de abril de 2012
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 desativados em [bysheep] :: layout com css | css, design, programação, web | Marcado: css, programação | Link permanente
Escrito por comoposso
18 de janeiro de 2011
este editor de css para versão 3.0 é muito bom.. totalmente online, vc pode criar seus códigos e depois incorporar a sua página
http://css3maker.com/index.html
vale a pena conferir…
até o próximo post…
Comentários desativados em [bysheep] :: editor de css online | css, design, programação | Link permanente
Escrito por comoposso
como posso? 