dask
Legacy Member
Ik ben begonnen met het inlezen van verschillende css tutorials om zo op een cleane manier websites te maken.
Momenteel heb ik een probleempje met de plaatsing van de centrale box die in het midden geplaatst moet worden tussen de linker en rechter box.
Het zal wel iets eenvoudig zijn, maar ik vind het niet
ad:
style.css
Momenteel heb ik een probleempje met de plaatsing van de centrale box die in het midden geplaatst moet worden tussen de linker en rechter box.
Het zal wel iets eenvoudig zijn, maar ik vind het niet
ad:style.css
Code:
@charset "utf-8";
/* CSS Document */
body{
margin: 50;
text-align: center;
background-color: #FF9;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%; /* = 10px */
}
p.groot{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.4em; /* = 14px */
}
p.klein{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.2em; /* = 12px */
}
li{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.1em; /* = 11px */
}
div#main_container{
margin: 0 auto 0 auto;
width: 750px;
text-align: left;
}
div#header{
background-color: #FFE8AA;
width: 100%;
height: 120px;
border: 1px solid grey;
border-radius: 15px;
-moz-border-radius: 15px;
}
div#hoznavigation{
width: 100%
height: 50px;
}
div#boxleft{
background-color: #DEDBD7;
float: left;
width: 20%;
height: 400px;
border: 1px solid grey;
border-radius: 15px;
-moz-border-radius: 15px;
}
div#boxcenter{
background-color: #DEDBD7;
float: left;
width: 55%;
height: 400px;
border: 1px solid grey;
border-radius: 15px;
-moz-border-radius: 15px;
}
div#boxright{
background-color: #DEDBD7;
float: right;
width: 20%;
height: 400px;
border: 1px solid grey;
border-radius: 15px;
-moz-border-radius: 15px;
}
div#footer{
float: left;
width: 100%;
height: 20px;
text-align: center;
}
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<div id="main_container">
<div id="header">beader</div>
<div id="hoznavigation">hoznav</div>
<div id="boxleft">boxleft</div>
<div id="boxcenter">boxcenter</div>
<div id="boxright">boxright</div>
<div id="footer">footer</div>
</div>
</body>
</html>