Behöver hjälp att hitta felet (dreamweaver/html)
Tjena alla sweclockare!
Har nyss börjat med en hemsida för första gången och har stött på ett problem..
Så här ser det ut i firefox/internet explorer:
http://imageshack.us/photo/my-images/585/htmlproblem.png/
Så här ser det ut i dreamweaver
http://imageshack.us/photo/my-images/580/dreamweaverproblem.p...
Här är koden:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sätt en titel</title>
<link rel="shortcut icon" href="images/Favicon.ico">
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #333;
background-repeat: repeat-y;
}
#Container {
padding: 0px;
height: auto;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-image: url(images/MyImages/MyBackground.png);
}
#Holder {
padding: 0px;
height: auto;
width: 960px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #FFF;
}
#Header {
padding: 0px;
height: 130px;
width: 960px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #333;
background-image: url(images/MyImages/Mylogo2.png);
float: none;
background-repeat: no-repeat;
}
#NavBar {
padding: 0px;
height: 45px;
width: 960px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #0F0;
}
#MainContent {
padding: 0px;
height: 600px;
width: 960px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
#Wrapper {
}
#Footer {
padding: 0px;
height: 45px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #2a2a2a;
width: 960px;
}
#ContentArea {
padding: 0px;
height: 150px;
width: 480px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #CCC;
float: left;
}
#RightContentArea {
padding: 0px;
float: right;
height: 150px;
width: 480px;
background-color: #F00;
}
</style>
</head>
<body>
<div id="Container">
<div id="Wrapper">
<div id="Holder">
<div id="Header"></div>
<div id="NavBar">
<p> NavBar</p>
</div>
<div id="MainContent">
<div id="ContentArea">ContentArea</div>
<div id="RightContentArea">RightContentArea</div>
</div>
</div>
<div id="Footer"></div>
</div>
</div>
</body>
</html>
Tack på förhand!
Fractal Design Define R3 | Intel i5-2500K 3.3ghz 6mb@ 4.0ghz | Corsair 8gb Vengeance 1600MHz | Asus P8P67 PRO | XFX HD6950 2GB | Vertex 3 120GB | Samsung Spinpoint 1TB | Corsair HX 750W |
