Can anyone help me with this problem, I am trying to learn to work layers etc and have hit a stumbling block - my screen displays the website like image 1 below (how it should look), but on my laptop (widescreen) it displays it like the second image. Can anyone tell me how to fix it so it appears the same in any screen resolution;



This is how it looks on laptop (below)



Thanks in advance to anyone who can help

We either need a URL to the site, or we need ALL of the code. Can't debug from pictures.

You should post some code so we can see whats going on. However, A css reset could be the fix:

<style type='text/css'>
* {
    margin:0;
    padding:0;
}
</style>

I built the site in Dreamweaver as I aint too good with code yet, here is the CSS code;


<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
background-color: #EBE9DE;
}
.oneColElsCtr #container {
width: 979px;
background: #FFFFFF;
text-align: left;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
.oneColElsCtr #mainContent {
background-color: #FFF;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
color: #666;
}
#apDiv1 {
position:absolute;
width:485px;
height:550px;
z-index:5;
left: 487px;
top: 224px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #333;
font-style: normal;
overflow: visible;
text-align: justify;
}
#apDiv4 {
position:absolute;
width:519px;
height:466px;
z-index:4;
left: 472px;
top: 211px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #333;
text-align: justify;
visibility: visible;
}
#apDiv3 {
position:absolute;
width:277px;
height:24px;
z-index:3;
left: 696px;
top: 738px;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
color: #666;
text-align: right;
}
#apDiv2 {
position:absolute;
width:549px;
height:24px;
z-index:2;
top: 738px;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
color: #666;
word-spacing: 5px;
left: 16px;
}
a:link {
color: #009;
text-decoration: underline;
}
a:visited {
text-decoration: underline;
color: #009;
}
a:hover {
text-decoration: none;
color: #063;
}
a:active {
text-decoration: underline;
color: #009;
}
-->
</style>