Voilà certains membres m´ont fortement conseillé d´utiliser le langage html, chose que je me suis empresse de faire et d´ailleurs ce n´est pas si dur que ça

Parce contre, pour le moment je vais le "design" de mon site donc en Css et j´ai rencontre un petit problème:
j´aimerais bien que le menu, le corps et le menu1 soit aligné hors pour le moment le menu et le corps sont bien un à côté de l´autre mais le menu1 est en dessous (a droite du corps) et en plus le corps quand je le fais plus large il descend en dessous du menu Je me suis dit que c´était peut-être parce que dans body j´ai mis 760px et que c´est trop petit!
Voici ma feuille:
body
{
width: 760px;
margin-top: 40px;
margin-bottom: 20px;
}

1. en_tete

{background-image: url("header5.jpg");
width: 770px;
height: 129px;
position: absolute;
left: 240px;
}

1. menu

{
float: left;
border: 2px solid black;
text-align: center;
width: 190px;
margin-top: 200px;
}

1. corps

{border: 2px solid black;
margin-left: 200px;
margin-top: 200px;
width: 420px;
}

1. menu1

{
float: right;
border: 2px solid black;
width: 140px;
background-image: url("daaaa.jpg");
}

Jespere que vous pourriez m´aider! Merci d´avance

Essaie avec 764px

Je ne suis pas sûr, mais...^^

ca ne change rien

Bon.. 772px...

Sinon... Ben je vois pas ^^

Non plus mais en fait je me suis basé sur les cours du site du zéro mais là il donne juste comme exemple un site de taille fixe mais moi j´aimerais bien que ce soit un site de taille extensible donc il suffit juste d´enlever les commandes qui se trouve à l´intérieur de body non?

Déjà, a l´origine d eton cpde, je viens d evoir que t´avais mis une entete plus grande que le body...

Et n´eenleve pas le body..
Si tu veux un design extensible, tu met en %

Donc je met:
body
{
width: 100%;
margin-top: 5%; (par ex)
margin-bottom: 5% (par ex)
height: 100%
}

Ben oui, par exemple...

ou body: 80% (si tu veux avoir des marge)

Mais je sai spa strop faire, c´est dur (a cause des image)

Ah ok merci beaucoup

Encore une tite question si je met ca:
body
{
margin-top: 40px;
margin-bottom: 20px;
background-color: black;
}

La largeur et la hauteur valent combien?

Ben je sais pas... C´est pas conseiller je pense ^^

Il faut au moins mettre une largeur

ok

En fait, tu peux combiner des valeur en % et d´autres en px.
Je te conseillerai de laisser les margin en px.
Tiens, tu peux t´inspirer de cette page :
http://www.yodasworld.info/tests/marges_negatives/
Elle s´affiche correctement avec IE, FF et Opera

Voilà j´ai encore un léger soucis: en fait j´aimerais bien avoir un design qui ressemble à l´exemple que Yoda m´a donné j´y suis arrivé mais le seule petit soucis c´est que j´aimerais que ce soit le menu de gauche et non pas le blog du centre qui détermine la hauteur de la page, quelqu´un s´aurait-il m´aider svp?
Merci

bah tu met ta propre hauteur entre les deux , tu peut les placer en position absolue par exemple(pas conseillez); mais normalement c´est le plus grand quin décide (chuis pas sur d´avoloir compris mais bon...)

En fait dans l´exemple de Yoda plus on met du texte dans le bloc du milieu plus les bloc sur les cotes descendront, et ces 2 bloc sur les cotes descendent grace a celui du milieu. Or ce que j´aimerais c´est que ce soit l´inverse: que le bloc du milieu descendent grace a ceux sur les cotes particulierement celui de gauche.

J´crois pas que je suis fort clair mais c´est pas evident :s

Si tu mettrais des screens de ton sites, peut-être que ce serait plus facile de t´aider, et aussi que ton nouveau code CSS...

Voilà l´adresse de mon site:
http://pottermania.fast-heberge.net mais vous ne verez pas grand chose vu que tout est en noir... et sinon pour mon code css voilà:

body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 0.8em;
margin : 0;
padding : 0;
}

1. header {

height : 200px;
background-image : url("header5.jpg");
background-position : center;
background-repeat : no-repeat;
}

1. conteneur {

position : absolute;
width : 100%;
height: 100%;
background-color : black;
}

1. centre {

background-color : black;
margin-left : 200px;
margin-right : 140px;
color : white;
padding-left : 10px;
padding-right : 10px;
text-align : center;
}

1. gauche {

text-align : center;
position : absolute;
left : 0;
width : 200px;
color : white;
}

1. droite {

position : absolute;
right : 0;
width : 150px;
text-align : center;
color : white;
}

1. pied {

margin-top: 600px;
height : 30px;
background-color : black;
text-align: center;
color: white;
}
.menugauche {
list-style-type : none;
margin : 0;
padding : 0;
}
.menugauche li {
margin-bottom : 5px;
}
.menugauche a {
margin : 0 2px;
color : white;
text-decoration : none;
}
.menugauche a:hover {
text-decoration : none;
color : black;
}
.menudroit {
list-style-type : none;
margin : 0;
padding : 0;
}
.menudroit li {
margin-bottom : 5px;
}
.menudroit a {
margin : 0 2px;
color : white;
text-decoration : none;
}
.menudroit a:hover {
text-decoration : none;
color : black;
}
.menucenter a {
color : white;
text-decoration : none;
}
.menucenter a:hover {
color : black;
text-decoration : none;
}
.portoloin {
font-size : 11px;
}
.livredor {
color : white;
}
.livredor a {
color : white;
text-decoration : none;
}
.livredor a:hover {
color : black;
text-decoration : none;
}
.pied
{
font-size: 11px;
}
.bio_book
{
text-align: justify;
}
p
{
margin : 0 0 10px;
}
h4 {
text-decoration : underline;
}

Je vais te faire une critique :

à chaque fois que tu marque :

margin: 0;
left: 0;

ça ne marche pas... car tu n´a pas spécifié d´unités. Il faudrait mettre :

margin: 0px;
left: 0px;

ou encore

margin: 0%;
left: 0%;

J´ai pas très bien compris ton problème, mais corrige d´abord ça, puis ensuite regarde si ton problème est résolu

Laugilus Tu as tord.
margin: 0;
left: 0;
est tout à fait valide et focntionne très bien.
C´est moins propre, c´est tout !