Bonsoir mon site et décalé sous chrome je ne sais plus quoi faire je suis perdu ( je suis pas un pro )

Sous mozilla

Sous chrome j'en ai marre de ce chrome a la m*rde même mon menu et décalé

Sinon mon code source CSS

html, body {width:100%; padding:0; margin:0;}

body {background: url(main.png) repeat-x center top; }

1. menu { background-image: url(menu.png); margin-top: 60px; height:54px; width:860px; margin-left:87px; }
2. menu a { text-decoration:none; line-height: 60px; color:#fff; margin: 35px; font-weight:bold; color: white; text-shadow: black 0.1em 0.1em 0.2em;}
3. menu a:hover {color:#009900;}

1. menu_right {margin-left: 440px; margin-top: -60px; }

1. search { margin-left: 400px; margin-top: -100px; }
2. search_t { color:#e7e7e7; background-image: url(menu/footer_plane.png); width:203px; height:37px; border:none; }
3. search_b { background-image: url(menu/search-icon.png); border:none; cursor:pointer; width:22px; height:22px;margin-left: -27px; }

.left { margin-top: -54px; margin-bottom:18px; margin-left: -587px; }
.separator {margin-left: 120px; margin-top: -35px; }
.separator1 {margin-left: 110px; margin-top: -35px; }
.separator2 {margin-left: 350px; margin-top: -35px; }
.separator3 {margin-left: 820px; margin-top: -94px; }
.logo { margin-left: 410px; margin-top: -100px; }
.right{ margin-left: 947px; margin-top: -114px; margin-bottom: 18px; }
.shadow { margin-left: 40px; margin-top: -65px; }
.clear {clear:both; line-height:0; font-size:0; width:100%;}
hr.point { margin-left: 30px; margin-top: 20px; color:;background-color: transparent;border: dashed;border-top-width: 1px; border-bottom-width: 0px; border-right-width: 0px; border-left-width: 0px;}
.fb-like-box {margin-top: 70px; margin-left: 700px; }
.welcom { font-size: 13px; margin-left:-20px;}
.verticale{background:url(hr.png) repeat-y left top; padding-left:40px border-style: dashed; border-bottom:1px dashed black; color:gray; margin-top: -350px; margin-left: 660px; }
.semi { background-color: transparent; color: transparent; width:50%; border:none; border-bottom: dashed gray 1px;margin-left: 85px; margin-top: -150px; }
.box-1 { border-radius: 3px; margin-top: 20px; width:500px; height: 100px; margin-left: 75px; background:#dddbcf; border:1px solid #c4c2ba; padding:5px 15px 10px}
.title {color:#6d6d6d; font-weight:bold; font-size: 14px; }
.box-2 { border-radius: 3px; margin-top: 45px; width:500px; height: 100px; margin-left: 75px; background:#dddbcf; border:1px solid #c4c2ba; padding:5px 15px 10px}
.semi2 {margin-left: 50px; background-color: transparent; color: transparent; width:90%; border:none; border-bottom: dashed gray 1px;margin-top:100px; }
.logo-fin {margin-top: 20px; }
.north { margin-top: -40px; margin-left: 40px; }
.game {margin-top: -39px; margin-left: 10px; }

1. text {font-weight:bold; text-align:center; margin-top:-40px; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:18px; line-height:20px; color:#1f690d; text-shadow:#fff 1px 1px 1px; text-transform:uppercase; letter-spacing:-0.5px}
2. date { text-align:center; margin-top: 30px; margin-right: 10px; color:gray; font-weight: bold; font-size: 13px; color: #862305; text-shadow: white 0.1em 0.1em 0.2em}
3. box {margin-top: -200px; margin-left: 90px; font-family: 'Jockey One', sans-serif; font-size:34px; font-weight:bold; color:#862305; font-weight:400;text-shadow:#FFF 1px 1px 1px;}
4. news { margin-top: 50px; margin-left: 75px; }
5. copyright { color: #e7e7e7; text-shadow: black 0.1em 0.1em 0.2em; font-weight:bold;margin-top:30px; margin-left: 30px; text-align:left; }
6. box-co { background-image:url(header-bg2.png.png); height: 150px; width:1015px;}

.lire { color:#0a670a;}

voila aider moi je ferais tout ce que vous voudrez pour l'amour du ciel aidez moi

Un CSS sans HTMl ça sert pas à grand chose, mais passe le lien du site ce sera beaucoup plus simple pour t'aider.

j'ai eu le même problêmme , add moi skype : maxialone

Juste par curiosité.
T'as codé ça toi-même ?

Franchement l'indentation, les retours à la ligne, l'aération dans un code en général, rien que ça, t'aurais nettement moins de bug.

La programmation c'est pas seulement taper ce qu'on apprend sur un clavier, c'est aussi savoir s'organiser, sinon c'est le bordel très rapidement.

La démonstration par l'exemple.

Ton code :

1. menu { background-image: url(menu.png); margin-top: 60px; height:54px; width:860px; margin-left:87px; }
2. menu a { text-decoration:none; line-height: 60px; color:#fff; margin: 35px; font-weight:bold; color: white; text-shadow: black 0.1em 0.1em 0.2em;}
3. menu a:hover {color:#009900;}

Je reprends et j'aère.

1. menu

{
background-image: url(menu.png);
margin-top: 60px;
height:54px;
width:860px;
margin-left:87px;
}

1. menu a

{
text-decoration:none;
line-height: 60px;
color:#fff;
margin: 35px;
font-weight:bold;
color: white;
text-shadow: black 0.1em 0.1em 0.2em;
}

1. menu a:hover

{
color:#009900;
}

C'est pas parce que ça comporte plus de lignes que ça ne s’exécutera pas aussi vite. Et dans le genre organisation, ce que j'ai tendance à faire aussi, c'est ranger mes lignes de code (en CSS, évidemment) par genre. Tout ce qui a à voir avec la taille ensemble, le positionnement ensemble, etc.

En espérant avoir été utile (et pas forcément qu'à l'auteur, mais aussi à certains lecteurs, qui ne postent pas forcément. )

PS: J'ai pas du tout lu le passage que j'ai prit, j'ai juste aéré