mas eu nao queria definir ela com um TAMANHO fixo..
entao fiz:
#geral {
width:780px;
height:100%;
background:#FFF;
margin:auto;
padding:0 0 0 0;
font: 12px Tahoma, sans-serif;
clear: both;
}
soh que ela nao ta grade.. eu queria que a parte do background (branco) fosse ate onde fosse o texto.. mas é como se a pagina terminasse antes se eu nao setar o tamanho real "height:800px".. como faço isso?
deixa explicar oq eu quero ehehe...
eu queria 2 fundos.. tipo..
1 fundo por fora do site, e um (fundo branco) na parte onde tem texto escrito no site.. vo colar aki os respectivos codigos para vcs me dizerem "onde errei" ehehe
código da pagina:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="pt-br"> <head> <link rel="stylesheet" href="include/style.css" media="screen" /> </head> <body bgcolor="#000000"> <div id="geral"> <div id="topo"> <a href="">Topo</a> </div> <div id="menu"> <ul> <li><a href="menu/">menu</a></li> <li><a href="menu/">menu</a></li> <li><a href="menu/">menu</a></li> <li><a href="menu/">menu</a></li> </ul> </div> <div id="principal"> <div class="principal_left"> <p> asdasda<br>asdasd<br>adasdasd<br>asdasdas </p> </div> <div class="principal_right"> <p> oioiopoiopopiopiopiopiopiopiopiiopiopiopiopiopoi<br>0oiopiopiopiopiopiopioiopiopiopopiopio </p> </div> </div> <div id="rodape"> <address> copyright? </address> </div> </div> </body> </html>
código do css:
* { margin:0; padding:0; list-style:none; text-decoration:none; font-style:normal; vertical-align:top; }
#geral {
width:780px;
height:auto;
background:#FFF;
margin:auto;
padding:0 0 0 0;
font: 12px Tahoma, sans-serif;
clear: both;
}
a:active, a:link, a:visited { color: #5D5D5D; }
a:hover { color: #900000; }
#topo {
width:780px;
height:100px;
padding:0 15px;
}
#menu {
height:25px;
width:780px;
background:#900000;
display:table;
}
#menu ul {margin-left:5px}
#menu ul li {display:inline}
#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited {
display:block;
float:left;
font:bold 12px/25px 'Trebuchet MS', Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#FFF;
margin-right:30px;
padding:0 5px;
}
#menu ul li a:hover {
background:#FFF;
color:#666;
}
#principal {
width:780px;
padding:30px 0 0 0;
}
#principal div.principal_left {
width:180px;
float:left;
padding-right: 8px;
text-align: right;
}
#principal div.principal_right {
width:570px;
border-left: 1px solid #CCC;
float:left;
padding-left: 8px;
text-align: left;
}
#principal div p {
font: 12px/18px Tahoma, sans-serif;
}
#rodape {
float:right;
width:400px;
clear: both;
}espero q vcs possam me ajudar
