1º Layout Tableless
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">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! =/
Discussão (8)
Carregando comentários...