Problème découpe Options

[N.Code]

Bonjour à tous,
Cela fait un petit moment que je n'ai pas posté ici, mais je continue à lire . Cependant voilà, j'ai un problème avec les vilaines découpes !
J'essaye de me remettre peu à peu au Graphisme et au Codage, malheureusement, là, je me heurte à un mur, c'est pourquoi je viens ici quémander un peu d'aide .

Voilà le design en Jpg : => Click <=
Et voilà ma découpe foireuse : => Click (au risque et péril de vos yeux <=

Je vous explique les problèmes :
- J'aimerais pouvoir faire en sorte que le design se centre dans l'écran en fonction des résolutions, comme sur cet exemple, avec donc une répétition d'un fond noir au niveau du header, et gris au niveau du footer.
- De plus pour le footer, je n'arrive pas à faire rentrer dans "l'image" le "Powered by Tithrasy Online & Xalfen " .

Mais voilà, je n'arrive pas... Et le header ainsi que le reste, restent collés au bordures de l'écran .

Je n'ai jamais été doué en codage xHTML/CSS, alors après plusieurs longs mois, cela devient encore plus dur .

Si quelqu'un pouvait m'aider, j'apprécierais énormément .

D'avance merci.

Ce message a été modifié par N.Code - 11 Aug 2008, 21:05.

[Méthylbro]

Code

body {
    width:800px; /* A remplacer par la largeur de ton design */
    margin:0px auto 0px auto;
    padding:0px auto 0px auto;
}

[N.Code]

Merci beaucoup !