Div verlengen naar onderkant browser

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

M o

m o

05/03/2011 12:37:35
Quote Anchor link
Ik zou graag de div #contentinhoud willen verlengen naar de onderkant van de browser in het geval dat er weinig tekst staat op de website zodat de background van die div verlengt word naar de onderkant van de browser.
Op het moment is het zo dat de footer wel helemaal onderaanstaat maar de achtergrond stopt waar het einde van de tekst stopt.
Ik heb al een beetje gegoogled, maar ik kon zo geen oplossing vinden voor het probleem.

Hier heb je in ieder geval mijn code:

Index:

Quote:
<body>

<div id="container">
<div id="header"> </div>
<div id="contentinhoud">
<div id="menutopbar">Menu Test</div>
<div id="contentTA">Content Test</div>
</div>
</div>
<div id="wsfooter">Footer Test</div>

</body>


en hier is mijn css:

Quote:
* {
margin: 0;
}

html {
height: 100%;
margin: 0;
padding: 0;
}

body {
width: 100%;
text-align: center;
background-image: url(../images/backgroundrepeat.png);
background-repeat: repeat;
margin: 0;
padding: 0;
height: 100%;
}

#container {
width:1002px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: auto;
}

#header {
background-image: url(../images/header.png);
width: 1002px;
height: 213px;
}

#contentinhoud {
background-image: url(../images/backgroundcontent.png);
width: 1002px;
background-repeat: repeat-y;
min-height: 100%;
height: auto !important;
height: 100%;
}

#menutopbar {
width: 850px;
height: 25px;
margin-left: 76px;
overflow: hidden;
font-weight: bold;
font-size: 17px;
font-family: "Calibri", Arial, sans-serif;
}

#contentTA {
width: 950px;
margin: 26px;
text-align: left;
font-family: "Calibri", Arial, sans-serif;
font-size: 15px;
min-height: 100%;
height: auto !important;
height: 100%;
padding-bottom: 40px;
overflow: auto;
}

#wsfooter {
width: 1002px;
height: 40px;
background-color: red;
position: relative;
margin: -40px auto 0px auto;
clear: both;
overflow: hidden;
}
 
Er zijn nog geen reacties op dit bericht.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.