Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola, estou querendo montar este layout que segue em anexo codigo, pra que fique um site com cabeçalho 3 colunas e 1 rodapé, o problema é que meu rodapé nao esta ficando na posição correta, ou seja abaixo de uma das do content.
Abraços.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<style> height:100%;
width:100%;
padding:0px;
margin: 0px;
background-color:#ffffff;#container {
position:relative;
width:100%;
margin-top:0px;
height:100%;
right:0 px;
padding:0px;
background-color:#CCCCCC;
}/Referente ao topo/
#header {
width: 100%;
height: 118px;
background-color: #666666;
border-bottom-color:#FFFFFF;
border-bottom-width:1px;
border-bottom-style:solid;
}
#content {
position:relative;
height: 1002px;
width:100%;
background:#666666;
}/Referente ao painel esquerdo/
#leftPane {
position:absolute;
width: 324px;
background:#0000FF;
}/Referente ao painel do centro/
#center{
position:absolute;
left:324px;
float: left;
width: 336px;
padding: 0px;
background:#00FF00;
}/Referente ao painel direito/
#rightPane {
position:absolute;
left:660px;
float: right;
width: 336px;
padding: 0px;
background: #9900FF;
}/Referente ao rodape/
#footer {
width:100%;
height:150px;
background-color:#170F38;
float:left;
background:#FF9900;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Título do Site</title>
</head>
<body>
<div id="container">
<div id="header">
quadro cabeçalho
</div>
<div id="bannerHome"> </div>
<div id="#content">
<div id="leftPane">
Quadro esquerdo
</div>
<div id="center">
quadro centro
</div>
<div id="rightPane">
quadro direito
</div>
</div>
<div id="footer"><br />
<br />
<br />
rodape
</div>
</div>
</body>
</html>Carregando comentários...