Ik ben bezig mijn eerste webstite met notepad op te zetten. Ik heb met een video tutorial een style sheet gemaakt. Als ik het index.html bestand open in IE wordt deze correct gerenderd.
Probleem:
Als ik het index.html bestand in Firefox open is er geen kleur in de "leftnav" en verschijnt er geen plaatje in de header. De rest is goed.
Waar zit mijn fout?
index.html
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="header">This is the header</div>
<div id="leftnav">This is the leftnav</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: 880px;
height: 178px;
background-image: url(images/Koptest website photshop FINAL.jpg);
border-bottom: 2px solid #000000;
}
#leftnav {
float: left;
width: 140px;
height: 400px;
background color: #D1C0A7;
border-right: 1px dashed #694717;
}
#body {
width 620px;
}
#footer {
clear: both;
background-color: #D1C0A7;
}
Probleem:
Als ik het index.html bestand in Firefox open is er geen kleur in de "leftnav" en verschijnt er geen plaatje in de header. De rest is goed.
Waar zit mijn fout?
index.html
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="header">This is the header</div>
<div id="leftnav">This is the leftnav</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: 880px;
height: 178px;
background-image: url(images/Koptest website photshop FINAL.jpg);
border-bottom: 2px solid #000000;
}
#leftnav {
float: left;
width: 140px;
height: 400px;
background color: #D1C0A7;
border-right: 1px dashed #694717;
}
#body {
width 620px;
}
#footer {
clear: both;
background-color: #D1C0A7;
}
/u/9258/killbill.png?f=community)
/u/145301/mo.png?f=community)
/u/98547/crop5db2a7ff7f697_cropped.png?f=community)
:strip_exif()/u/87870/raccoon3.gif?f=community)
/u/46804/crop5f989efcbb253.png?f=community)
:strip_icc():strip_exif()/u/84582/crop5c6ad2baa89ba_cropped.jpeg?f=community)
:strip_exif()/u/116974/monkey_avatar.gif?f=community){kind=avatar}
Voor verticaal en horizontaal maar bewerken voor slechts 1 van de richingen moet geen probleem zijn