Modele mise en page 5 : probleme pour le modifier

Bonjour

Je cherche a rajouter une colone entre celle de gauche et le centre.
http://css.alsacreations.com/modeles/modele5.htm
Le probleme c'est que ça decalle les autres blocs vers le bas...
http://eyesbutterfly.com/depot/modeletest.htm

Voilà ce que j'ai fait. J'ai ajouté le bloc gauche2 et modifié la marge gauche du centre :

#centre {
background-color:#9999CC;
margin-left: 300px;
margin-right: 150px;
}
#gauche2 {
position: absolute;
left: 0;
margin-left: 150px;
width: 150px;
background-color: #000000;
}

No comprendo...
Bonne journée

Salut supercanard !

Je ne sais pas si c'est la meilleure solution mais elle a le mérite de marcher.

J'ai inséré deux div dans ta partie centrale.
La 1ère est flottante à gauche et la 2nd est flottante à droite.
Et enfin, je leur est donné des dimension pour que la somme des deux soit égalges à la taille du conteneur.

Voici le bout de code :

#centre{
background-color:#9999CC;
margin-left: 150px;
margin-right: 150px;
}
.centregauche {
float:left;
background-color:#9989CC;
margin: 0;
padding:0;
width: 225px;
}
.centredroite {
float:right;
background-color:#9979CC;
margin: 0;
padding:0;
width: 225px;
}

  	
<div id="centre">
  	<div class="centregauche">
  	  partie avec du contenu occupant le reste de la largeur<br />
  	  partie avec du contenu occupant le reste de la largeur<br />
  	</div>

  	<div class="centredroite">
  	  partie avec du contenu occupant le reste de la largeur<br />
  	  partie avec du contenu occupant le reste de la largeur<br />
  	</div>
</div>

Et voilà