New poster here! Recently been creating a website using HTML & CSS from scratch using Notepad++. I was under the impression that the more flat, or spread out the design, browsers would squish it automatically to fit on the page. Apparently this is not the case.

I current have a page where the main content starts 250 pixels from the left hand side of the screen, this causes some of the content disappear of the right hand side of on lower resolution screens. Should I be starting the content at the far left, or is there another web page design convention I should be following?

I assume there is a way around this however I can't seem to find it! Any help would be greatly appreciated. These forums are a wealth of knowledge!

can u give me the link to your page or could you please post the code here ?

Code:

body  {
   background: #000000 url('background.ang') -x;
   font-family: arial, verdana, 'sans serif';
   font-size: 100%;
   text-align: left;
   color: #FFFFFF;
        margin:0;
 }
#navigation {
   border: 3px solid orange;
   /*position: fixed;*/
   /*top: 0px;*/
   /*left: 250px;*/
   height: 70px;
   width: 1000px;
        margin:;
 }
#content {
   border: 3px solid orange;
   /*position: fixed;*/
        position:relative;
   /*top: 70px;*/
   /*left: 250px;*/
   width: 1000px;
        margin:auto;
 }