Design rykker sig ved minimering ?

Grunden til det bliver "mast" sammen, er at du bruger en absolute værdi.
Prøv at lave det som relative værdier :)

borders, er en udemærket metode.

Du mener at jeg ikke skal bruge position: absolute; ?

Ja, prøv istedet med relative.

Tak skal du have nu ser det skægt ud :\ jeg tror jeg holder meig til absolute. Jeg fandt ud af at hvis jeg ændrede alle værdier til px ja så virkede det :). Så har jeg bare 2 supllerende spørgsmål:

1: Jeg har lavet en body-background som er grå og siden er placeret i midtten med grå sider omkring. Men hvis jeg minimere siden så er der stadig en grå kant i venstre side og ikke i højre, der skulle den gerne fjerne kanten i venstre oxo.

2: Hvis jeg køre siden i Mozilla ja så er den ikke placeret i midtten og der er en anden lille syns fejl hvad kan man gøre så den bliver hvist rigtigt i alle browser ?

Min css:

   
    body {
    background-color: #CECFCE;
    }
   
        #banner {
    position: absolute;
    left:86px;
    top:0px;
    width:832px;
    height: 99px;
    background-image: url("/css/havbolge.jpg");
    border:2px solid #A5184A;
    }

    #leftcontent {
    position: absolute;
    left:86px;
    top:95px;
    width:167px;
    height:680px;
    background:#FFBE21;
    border:2px solid #A5184A;
    }
   
    #centercontent {
    position: absolute;
    left:251px;
    width:502px;
    height:679px;
    top:95px;
    background:#FFBE21;
    border:2px solid #A5184A;
    }
   
    #rightcontent {
    position: absolute;
    left:751px;
    top:95px;
    width:167px;
    height:680px;
    background:#FFBE21;
    border:2px solid #A5184A;
    }
   
    #footer {
    position: absolute;
    left:86px;
    top:772px;
    width:832px;
    background:#A5184A;
    border:1px solid #A5184A;
    }
   
    p {
    color: white;
    font-family: arial;
    font-size: 75%;
    }
   
    h1 {
    font-size: 150%;
    }

hmm.. den skulle da gerne vise det over hele siden, når det er en body.
Har du en side hvor man kan se det i aktion?