Boas a todos,
Tou com um problema em relacao a posicionamento de divs
Aqui vai um exemplo:
html:
Código (HTML):
Código (CSS):
O que eu pretendo é que as divs "content-*" fiquem dentro da div "container", e que o height dessa div container seja igual ao dos conteudos (content-*), e obviamente o footer fique por baixo do container...
ex:
![Imagem Colocada]()
o que me esta a acontecer, é que a div container fica sem height nenhum, e o footer fica no topo por baixo das divs content...
Alguem me pode ajudar a resolver isto?
Cumps,
cc
Tou com um problema em relacao a posicionamento de divs
Aqui vai um exemplo:
html:
Código (HTML):
<html>
<head>
<link rel="stylesheet" href="test.css" />
</head>
<body>
<div>
<div class="container">
<div class="content-a">
</div>
<div class="content-b">
</div>
<div class="content-c">
</div>
</div>
<div class="footer">
</div>
</div>
</body>
</html>
css:<head>
<link rel="stylesheet" href="test.css" />
</head>
<body>
<div>
<div class="container">
<div class="content-a">
</div>
<div class="content-b">
</div>
<div class="content-c">
</div>
</div>
<div class="footer">
</div>
</div>
</body>
</html>
Código (CSS):
.container {
width :100%;
height: auto;
position: relative;
}
.content-a {
width: 100%;
height: 200px;
position: absolute;
}
.content-b {
width: 100%;
height: 100px;
position: absolute;
}
.content-c {
width: 100%;
height: 300px;
position: absolute;
}
.footer {
width: 100%;
height: 48px;
position: relative;
}
width :100%;
height: auto;
position: relative;
}
.content-a {
width: 100%;
height: 200px;
position: absolute;
}
.content-b {
width: 100%;
height: 100px;
position: absolute;
}
.content-c {
width: 100%;
height: 300px;
position: absolute;
}
.footer {
width: 100%;
height: 48px;
position: relative;
}
O que eu pretendo é que as divs "content-*" fiquem dentro da div "container", e que o height dessa div container seja igual ao dos conteudos (content-*), e obviamente o footer fique por baixo do container...
ex:
o que me esta a acontecer, é que a div container fica sem height nenhum, e o footer fica no topo por baixo das divs content...
Alguem me pode ajudar a resolver isto?
Cumps,
cc