Hi, everybody,
I'm totally new to CSS and right now just as lost.
I followed this youtube tutorial:
http://www.youtube.com/watch?v=H3KESBQTD8k
and as far as I am aware, my style sheet and my html index look just like they look in the video. Still, I don't get the desired output. The header works, and the leftnav is colored, but apart from that, nothing happens.
my style sheet:
#container {
width: 900px;
}
#header {
width: 900px;
height: 100px;
background-image: url(Schweiz.png);
border-bottom: 2px solid #000000;
}
#leftnav {
float: left;
width: 140px;
height: 400px;
background-color: #F8AA3C;
border-right: 1xp dashed #694717;
#rightnav {
float: right;
width: 140px;
height: 400px;
background-color: #F8AA3C;
border-left: 1xp dashed #694717;
#body {
width: 620px;
}
#footer {
clear: both;
background-color: #D1C0A7;
}
my html index:
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="header">A</div>
<div id="leftnav">B</div>
<div id="rightnav">E</div>
<div id="body">C</div>
<div id="footer">D</div>
</div>
</body>
</html>
I would be overjoyed if somebody could help me out here. I use firefox, btw, if that helps.
Thanks loads,
C.