Ir para conteúdo

POWERED BY:

Arquivado

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

MaRaCa

1º Layout Tableless

Por , em Desenvolvimento frontend

Recommended Posts

MaRaCa    0

MaRaCa
Postado

Olá pessoal,

 

Estou "tentando" montar meu primeir0 layout em Tableless.

Só que estou com um probleminha. Não consigo fazer com que, conforme o conteudo de cada página os div´s (rodapé e tals) acompanhem o tamanho(altura) do site.

Peço que deem uma olhada no meu código. Deve estar cheio de erros, mas como é um primeiro me deem um desconto também né =)

 

CÓDIGO CSS

/* CSS Document */body {margin-left:auto; margin-right:auto; margin-top: 20px;text-align:center;background: url(imagens/outras/fundo_teste.jpg);}#mae {width: 770px;padding:0;margin:0;position:relative;}#topo {magin-top:20%;height: 142px; /* altura */ padding:0;background: #ffffff;}#menu {width: 700px;height: 34px;left: 0;float: left;position: absolute;background: url(imagens/menu/fundo_menu.gif);}#menuDois {width: 70px;height: 34px;right: 0;float: right;position: absolute;background: url(imagens/menu/fundo_menu.gif);}ul { padding: 0; margin-top: 7px;margin-bottom: 0px;margin-left: 10px; list-style: none; } ul li { display: inline; } ul li a { padding:0 0px 0 10px; font: 14px Tahoma; color: #FFFFFF;font-weight: bold;text-decoration: none; border: 0; float: left; } ul li a:hover { color: #600; } #esquerda {width: 224px;height: 150px;left: 0;margin-top:34px;position: absolute;background-color:#ffffff;}#conteudo {	width: 546px;	height:150px;	right: 0;	position: absolute;	margin-top:34px;	background-color:#FFCC99;}#esquerdaDois {	width: 218px;	height: 100%;	right: 0;	position: absolute;	padding:0;	margin-right:1px;	top:auto;	background-color: #DCDAC2;}#rodape {	width: 770px;	background-color: #ffffff; /* definido cor de background */	height: 36px; /* definindo altura de 40px */	margin-top: 182px;	position: absolute;	left: 0;}

CÓDIGO HTML

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>:: DISIPAN ::</title><link href="webi.css" rel="stylesheet" type="text/css"></head><body><div id="mae">  <div id="topo"><? include('topo.php'); ?></div>   <div id="menu"> <img src="imagens/menu/menu_esq.gif" width="12" height="34" align="left">	  <? include('menu.php'); ?>  </div>  <div id="menuDois"><img src="imagens/menu/menu_dir.gif" width="12" height="34" align="right"></div>  <div id="esquerda">	<div id="esquerdaDois">	  <p><img src="imagens/titulos/produtos.gif" width="218" height="28"></p>	  </div>  </div>  <div id="conteudo">	</div>  <div id="rodape"><? include('rodape.php'); ?></div></div></body></html>

Espero a ajuda de vocês! =/

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

por favor, quando for assim, poste uma url... codigo assim eh bem raro do pessoal ficar olhando, mas a passada rápida e pelo q você falow, pode ser a falta de um clear: both; no rodapé... tem um tópico pendurado aki com meus artigos... sempre dê uma olhada antes... ;) ele diz certinho como fazer... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

MaRaCa    0

MaRaCa
Postado

Bruno, não postei a url, porque estou montando o layout aqui na empresa e não está no ar ainda =/Coloquei aquele Clear: Both; no rodape como você falou, mas não adiantou =/Acho que deve ser alguma coisa a ver com as posições dos div´s Ajude-me ai pleaSe!

Compartilhar este post

Link para o post
Compartilhar em outros sites

fsphp    0

fsphp
Postado

Pelo que parece, esse não é um site com muitas páginas. Porque você não acerta o rodapé de cada página individualmente?

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