Div qui "s'écarte" suivant la résolution d'écran.

Bonjour à tous
Voilà, je vous présente mon problème, mes deux div (contenu et menu) "s'écarte" suivant la résolution d'écran, http://celeste.22web.net... Si vous ne voyez pas le problème, dézoomer, sinon, si vous regardez bien, vous voyez que le div "copyright" est entre le div "contenu" et "menu".

#contenu {
	border-radius: 10px;
	background-color: #ADCF4F;
	border: 1px;
	padding: 10px;
	width: 550px;
	text-align: center;
	background-image: url('');
	background-repeat: no-repeat;
	float: left;
	margin-left: 100px;
	padding-bottom: 200px;
}
#menu {
	border-radius: 10px;
	background-color: #4BB5C1;
	width: 150px;
	text-align: center;
	padding: 10px;
	float: right;
	margin-right: 160px;
}
body {
	background-color: #A7A37E;
	color: #333333;
	padding-top: 20px;
}
#copyright {
	font-size: 17px;
	font-color: #4BB5C1;
	text-align: center;
	padding: 10px;
}

Comment faire en sorte que les deux menu reste "collés" avec 10px de "trou" ?
Merci de vos réponse !
Modifié par Twee (19 Jul 2011 - 14:46)

Bonjour,

fais une recherche sur float et margin-left en css et applique-le à ta div menu.

Bonjour

Je débute absolument et je ne sais pas si cela peut avoir une incidence mais dans le #titre
Vous avez une propriété padding dont la valeur n'est pas renseignée et mal orthographiée (paddingt)

Amicalement

sergemarie69

Merci de ta réponse, mais je ne comprend pas comment tu veux que je l'applique?

Ah oui, effectivement, merci de la remarque
Modifié par Twee (19 Jul 2011 - 14:48)

Bonjour twee,

essaye comme ca :

#contenu {
  float: left;
 } 

#menu { 
    float: left; 
    margin-left: 10px; 
} 

#copyright { 
    clear : both;
}

Merci de ta réponse, et oui merciiiii ! Ca marche !!!!! Merci
Modifié par Twee (19 Jul 2011 - 15:38)