<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.










