<html> <head> <title>Floyd - TableLess</title> <style type="text/css"> body { margin: 0; padding: 0; /*background: url(../img/bg.jpg);*/ text-align: center; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } /* layer principal, centralizador */ #main { margin-left: auto; margin-right: auto; z-index: 1; text-align: left; width: 778px; height:100%; } html>body #main { width: 778px; /* ie5win fudge ends */ } #bg_coluna_p_esquerda { position:absolute; margin: 0; padding: 0; width: 14px; height: 100%; /*background-image:url("bg_coluna.gif");*/ background-color:#AA00EE; z-index: 3; } #bg_coluna_p_direita { position:absolute; margin: 0; margin-left: 764px; padding: 0; width: 14px; height: 100%; /*background-image:url("bg_coluna.gif");*/ background-color:#AA00EE; z-index: 3; } #conteudo { position:absolute; margin-left: 14px; margin-right: 14px; padding: 0; width: 750px; height: 100%; background-color:#FFCC00; z-index: 3; } </style> </head> <body> <div id="main" style="background-color:red;"> <div id="bg_coluna_p_esquerda"></div> <div id="conteudo"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>v <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div> <div id="bg_coluna_p_direita"></div> </div> </body> </html>
Achei a solução nesses links.
http://www.positioni...out/equalheight
http://www.maujor.co...faux-colunm.php
http://elmicox.blogs...ais-usando.html
http://www.alistapar...egativemargins/
Edição feita por: wesley.tome, 03/02/2007, 11:11.