Ik ben vanaf gister al heel de dag bezig met het maken van een site, maar mijn css is niet bepaald goed.
Ik probeer namelijk iets wat me totaal niet lukt, en op internet echt al verschillende dingen erover gelezen, maar kom er totaal niet uit. Kunnen jullie mij misschien verder helpen?
Ik zal zo even de code plaatsen, met fletse kleuren. :)
Mijn probleem: Zodra de content langer word, moet de footer meegaan, en de 4 andere div elementen ook.
Ik zal de code even plaatsen en zal het uitleggen met de kleurtjes :)
CSS:
* {
margin: 0;
padding: 0;
}
body, td {
font-family: arial;
font-size: 10pt;
background-color:#002d5c;
color: #00a4e4;
}
#container{
position: absolute;
left: 50%;
width: 1024px;
margin-left: -412px;
background-color:#9fa4a8;
}
#header {
width: 856px;
height: 179px;
background-color: #00FF00;
position: absolute;
}
#left_background {
width: 86px;
height: 768px;
background-color: #FF0000;
position:absolute;
left: -86px;
}
#left_sidebar{
width: 166px;
min-height: 517px;
background-color:#FFFFFF;
top: 179px;
position:absolute;
border-right:1px dotted grey;
}
#content{
width: 462px;
min-height: 517px;
background-color: #0000CC;
top: 179px;
position: absolute;
margin-left: 167px;
}
#right_sidebar{
width: 226px;
min-height: 517px;
background-color: #FFFFFF;
top: 179px;
position:absolute;
margin-left: 629px;
border-left:1px dotted grey;
}
#right_background{
width: 82px;
height: 768px;
left: 856px;
background-color: #FF0000;
position:absolute;
}
#footer{
width: 856px;
height: 72px;
background-color: #FFFF00;
position: absolute;
top: 696px;
}
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="left_background"></div>
<div id="left_sidebar"></div>
<div id="content">
<div id="contenttxt">
</div>
</div>
<div id="right_sidebar"></div>
<div id="right_background"></div>
<div id="footer"></div>
</div>
</body>
</html>
Zoals je ziet, zijn het behoorlijk felle kleurtjes.. ;)
Wat ik wil, is dat de footer sowieso onderaan komt te staan. Dus de rest moet ook mee. En zodra het blauwe vak groter word, moeten de rode en witte mee. De footer (Geel) natuurlijk ook.
Wie kan mij hiermee helpen? Want ik kom er echt helemaal niet meer uit :(
Alvast bedankt ;)