Bonjour,
Est-ce que tu es en train d'aprendre les CSS ?
Je te demande ça parce que je retrouve un défaut qu'ont les débutants (dont je fus) : ils abusent des position: Et tu n'y coupes pas.
Mais avant, essaye de voir si, simplement en fermant tes “background-image: url("http://zig1.free.fr/squelettes/IMG/background.jpg")”par le caractère requis “;”, ça ne va pas commencer à arranger tes problèmes.
Ensuite, essaye de virer les styles et les définitions redondants, contradictoires. Par exemple :
#pied 2 fois
ou a { text-decoration: none; et a:link {… text-decoration: underline;
qui de plus sont inutiles puisque tu définis des comportement pour les liens dans chaque style qui les utilise.
Pour revenir aux position:, tu n'es pas obligé de t'en servir pour obtenir les effets que tu recherches. Pour qu'elles fonctionnent facilement, j'ai remarqué que lorsqu'on leur donne des dimensions* on règle pas mal de problèmes.
Cependant, tu as choisi des float suivi d'un clear. Ça suffit.
Essaye ça :
#MyConteneur {
width:100%;
position: relative;
/*display:inline;*/ >pourquoi ?
margin: 0 0 0 0;
background-image: url("background.jpg");
background-color: #aaa;
}
#centre {
/*position:relative;*/
color:#FFFFFF;
margin-left: 10%;
margin-right: 10%;
margin-top:40px;
padding-left:02px;
text-align:left;
border: 2px 2px 2px 2px;
background-color: #fff;
}
#evenement{
float:left;
width : 50%;
background-color: #5a5;
/* margin-right:50%;
position:relative;*/
}
#ecriture{
float:right;
width : 50%;
background-color: #aa5;
/* margin-left:50%;
position:absolute;
*/
}ou choisis un scroll pour le #ecriture.
Les couleurs, c'est pour les repérer.
* Tu seras certainement obligé d'en choisir pour ton conteneur si tu ne veux pas que ton menu se déforme.
+ C'est vrai que le menu…
L'index de “squelettes/” est accessible.