Help
Posted 29 November 2005 - 12:34 PM
ela deve ficar sempre em baixo, independente do tamanho do conteudo
tae o o layout pra
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html,body {
min-height:100%;
height:100%;
}
body {
margin:0;
font-family: Verdana, Arial;
font-size: 10px;
background: #00005A;
}
div#Main {
width: 770px;
min-height:100%;
height:100%;
background: red;
}
div#Top {
height: 70px;
background: #fff;
}
div#Left {
float: left;
width: 140px;
background: #eee;
position: absolute;
left:0;
}
div#Middle {
background: #fff;
margin-top: -5px;
margin-left: 140px;
padding: 5px;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
_width: 489px;
}
div#Right {
float: right;
width: 116px;
_width: 119px;
margin-top:-5px;
margin-left:-3px;
padding: 5px;
background: #eee;
border-top:1px solid #999;
}
div#Right, div#Left, div#Middle {
min-height:100%;
height:100%;
}
div#Bottom {
background: yellow;
text-align: right;
height: 40px;
}
#Copyright {
text-align:center;
bottom:-10px;
}
</style>
</head>
<body>
<div id="Main">
<div id="Top">TOP</div>
<div id="Left">
<p>Left</p>
<p>Left</p>
<p>Left</p>
<p>Left</p>
<p>Left</p>
<p>Left</p>
<p>Left</p>
<p>Left</p>
<p>Left</p>
<p>Left</p>
</div>
<div id="Right">
<p>Right</p>
<p>Right</p>
<p>Right</p>
<p>Right</p>
<p>Right</p>
<p>Right</p>
<p>Right</p>
</div>
<div id="Middle">
<p>Conteudo</p>
<p>Conteudo</p>
<p>Conteudo</p>
<p>Conteudo</p>
<p>Conteudo</p>
<p>Conteudo</p>
<p>Conteudo</p>
<p>Conteudo</p>
<p>Conteudo</p>
<p>Conteudo</p>
<p>Conteudo</p>
<p>Conteudo</p>
<p>Conteudo</p>
<p>Conteudo</p>
<p>Conteudo</p>
<div id="Copyright">Copyright ....</div>
</div>
<div class="Cleaner" />
<div id="Bottom">Bottom</div>
</div>
</body>
</html>
