Bom dia, eu tenho o seguinte layout de uma página:
Código (HTML):
Código (CSS):
A minha dúvida é como é que meto a div contentwrapper a ocupar o resto do ecrã..
Se alguém me poder ajudar agradeço.
Código (HTML):
<div id="maincontainer">
<div id="header">
<h1>Header</h1>
</div>
<div id="contentwrapper">
<h1>Content Fluid</h1>
</div>
<div id="footer">
<h1>Footer</h1>
</div>
</div>
<div id="header">
<h1>Header</h1>
</div>
<div id="contentwrapper">
<h1>Content Fluid</h1>
</div>
<div id="footer">
<h1>Footer</h1>
</div>
</div>
Código (CSS):
body{
margin:0;
padding:0;
}
#header {
background: #EAEAEA;
height: 130px; /*Height of top section*/
}
#contentwrapper{
float: left;
width: 100%;
}
#footer{
clear: both;
width: 100%;
background: black;
color: #FFF;
height: 130px;
}
margin:0;
padding:0;
}
#header {
background: #EAEAEA;
height: 130px; /*Height of top section*/
}
#contentwrapper{
float: left;
width: 100%;
}
#footer{
clear: both;
width: 100%;
background: black;
color: #FFF;
height: 130px;
}
A minha dúvida é como é que meto a div contentwrapper a ocupar o resto do ecrã..
Se alguém me poder ajudar agradeço.