Website not showing right in internet browser

Hi everyone,

I made a website with dreamweaver recently, and i uploaded my website on my FTP.
In dreamweaver the website shows normally, and also, when i open the file locally, open the index.html, it also shows normally.

Now, i go to my website http://extreme-host.net/coming, and a yellow bar is represented at the place the header should be.
In the attchament a picture of how it looks like in dreamweaver.

Now i'm curious, is this a mistake in my coding, or is it some windows/linux incompatible thing i know nothing about?

Thanks in advance

It looks to me like your images are not on the server, or at least not in the place your code is pointing to...

Dave

I changed this? I couldn't find the images you where using in the css! So I decided to use others :P

The image issue was fixed by adding / before your location i.e background: url(/myimages/image.png);

CSS - That is your full css with my changes.

*
{
margin:0;
padding:0;
}

body
{
background:#2a3742 url(/images/bg.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
color:#eee;
margin-top:5px;
}

a
{
text-decoration:none;
color:#7CBF0F;
}

a:hover
{
text-decoration:underline;
color:#A3D74F;
}

#wrap
{
width:800px;
margin:0 auto;
}

#header
{
height:120px;
background:#2a3742 url(/images/header.jpg) no-repeat center;
border:1px solid #ccc;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
font-size:20px;
outline:0;
-webkit-appearance:none;
background-size:860px 150px;
padding:4px 7px;
}

#header h1
{
font-size:28px;
letter-spacing:-1px;
color:#fff;
padding:35px 0 0 20px;
}

#header h1 a
{
color:#fff;
text-decoration:none;
font-weight:100;
letter-spacing:-2px;
}

#header h1 a:hover
{
color:#A3D74F;
}

#header h2
{
font-size:19px;
color:#e1c70e;
letter-spacing:-1px;
font-weight:100;
padding:5px 0 0 20px;
}

#contentbar
{
background:#e1f2d0 url(/images/main_content_header.gif) no-repeat right -10px;
height:50px;
line-height:50px;
margin-top:10px;
background-size:560px 70px;
background-position:250px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
font-size:20px;
outline:0;
-webkit-appearance:none;
display:inline;
float:left;
border:1px solid #fff;
padding:4px 7px;
}

.contentbarleft
{
display:inline;
float:left;
font-weight:600;
font-size:15px;
width:250px;
height:58px;
background:#e1f2d0 url(/images/left_content_header.gif);
background-size:690px 90px;
background-position:-20px;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
border:1px;
margin:-4px -7px -5px;
}

.contentbarright
{
float:right;
padding-left:20px;
font-weight:600;
font-size:15px;
text-align:left;
width:530px;
}

#content
{
padding:0 10px;
}

#contentbar p
{
position:relative;
top:-50px;
}

#contentbar span
{
position:relative;
left:10px;
top:5px;
}

.right
{
float:right;
width:530px;
text-align:justify;
padding-top:20px;
font-size:14px;
}

.right h2
{
font-size:18px;
font-weight:100;
height:30px;
line-height:30px;
}

.right h2 a
{
text-decoration:none;
color:#A3D74F;
}

.right h2 a:hover
{
color:#fff;
}

.left
{
float:left;
width:220px;
padding-top:10px;
}

.left h2
{
padding-left:10px;
height:30px;
line-height:30px;
color:#fff;
font-size:13px;
margin:10px 0 0;
}

.left ul
{
list-style-type:none;
padding:10px 0 15px 20px;
}

.left ul li a
{
text-decoration:none;
font-weight:600;
font-size:13px;
}

#footer
{
text-align:center;
font-size:11px;
color:#eee;
margin-top:40px;
border-top:1px dotted #A2D84C;
padding-top:10px;
padding-bottom:10px;
}

#footer a
{
color:#eee;
}

#footer a:hover
{
color:#aaa;
}


HTML

I changed


<span class="nav">Navigation :</span>



<p> About:</p>


Looks good from my end - Chrome

Preview: http://i.imgur.com/NQa0I.png

NOTE: I didn't add any border to your wrap..

:)

Thanks alot, it works :)