Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

SlyX

tamanho absoluto?

Por , em Desenvolvimento frontend

Recommended Posts

SlyX    0

SlyX
Postado

seguinte.. to fazendo a pagina

 

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 :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,Como é que você fazia isso com tabela, explique-me só sff :).Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado 

#geral {	width:780px;	height:auto;	background:#FFF;	margin:auto;	padding:0 0 0 0;	font: 12px Tahoma, sans-serif;	clear: both;	display:table;}

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito