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