Div verlengen naar onderkant 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>
<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;
}
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.