index.html
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<title>CSS Tutorial</title>
</head>
<body>
<div id="container">
<div id="header">This is the header</div
<div id="leftnav">This is the leftnav</div>
<div id="rightnav">This is the rightnav</div>
<div id="body">This is the body</div>
<div id="footer">This is the footer</div>
</div>
</body>
</html>
style.css
#container {
width: 900px;
}
#header {
width: 1350px;
height: 100px;
background-color: #F8AA3C;
border-bottom: 2px solid #000000;
}
#leftnav {
float: left;
width: 140px;
height: 400px;
background-color: #F8AA3C;
border-right: 1px dashed #694717;
}
#rightnav {
float: right;
width: 140px;
height: 400px;
background-color: #F8AA3C;
border-left: 1px dashed #694717;
}
#body {
width: 620px;
}
#footer {
clear: both;
background-color: #D1C0A7;
}
Dit zijn 2 documenten, een html document en een css document.
Het enige probleem is dat ik iets fout doe, maar ik weet niet wat.
De leftnav is bedoeld voor een zijde aan de linkerkant, maar op een of andere komt die er niet.
De rightnav (is bedoeld voor een zijde aan de rechterkant) maar die doet het wel.
Ik doe iets verkeerd bij de leftnav maar ik weet niet wat, kan iemand mij helpen?
Groetjes jorenman
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<title>CSS Tutorial</title>
</head>
<body>
<div id="container">
<div id="header">This is the header</div
<div id="leftnav">This is the leftnav</div>
<div id="rightnav">This is the rightnav</div>
<div id="body">This is the body</div>
<div id="footer">This is the footer</div>
</div>
</body>
</html>
style.css
#container {
width: 900px;
}
#header {
width: 1350px;
height: 100px;
background-color: #F8AA3C;
border-bottom: 2px solid #000000;
}
#leftnav {
float: left;
width: 140px;
height: 400px;
background-color: #F8AA3C;
border-right: 1px dashed #694717;
}
#rightnav {
float: right;
width: 140px;
height: 400px;
background-color: #F8AA3C;
border-left: 1px dashed #694717;
}
#body {
width: 620px;
}
#footer {
clear: both;
background-color: #D1C0A7;
}
Dit zijn 2 documenten, een html document en een css document.
Het enige probleem is dat ik iets fout doe, maar ik weet niet wat.
De leftnav is bedoeld voor een zijde aan de linkerkant, maar op een of andere komt die er niet.
De rightnav (is bedoeld voor een zijde aan de rechterkant) maar die doet het wel.
Ik doe iets verkeerd bij de leftnav maar ik weet niet wat, kan iemand mij helpen?
Groetjes jorenman
