Element centré et float

[rortelli]

Bonjour,

je suis en train de developper un outil qui est compose de 7 boites qui doivent etre placees au milieu de l'ecran (je n'ai pas encore teste avec IE):

http://demo.ortelli.org/prototype/index_proto.php

Pour ce faire, j'ai utilise des positions absolues a la place des float, afin d'eviter que les boites retournent a la ligne si la taille de la fenetre s'avere trop petite.

Maintenant, si on clique sur le lien slider, une barre laterale apparait se superposant sur les box presents dans le cas ou on a une petite resolution d'ecran ou bien si la taille de la fenetre est limitee.

Dans l'ideal, j'aimerais qu'a l'ouverture de la barre laterale, le partie central contenant mes boites, se decale vers la droite, histoire d'eviter cette superposition des deux elements.

Or, si je rajoute un float: left a la barre laterale et a la partie centrale, cette derniere ne sera plus centree lorsque la barre laterale est cachee... voici un bout de code de ma css actuelle:

html,
body
{
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%
}

/* partie centrale */
#main
{
	width: 800px;
	margin: 0 auto;
}

/* barre laterale */
#slide
{
	position: absolute;
	top: 65px;
	width: 150px;
}

Et ici le lien direct de la css:

http://demo.ortelli.org/prototype/css/style_proto.css

Si vous avez des idees pour me depanner... j'avoue que j'ai un peu tout essaye sans parvenir a une solution optimale.

Merci

[Compte supprimé]

??

Chez moi à l'ouberture du "slider" la partie contenant les boites se décale bien vers la droite, et quand le slider est fermé la même partie est centrée ?

C'est pas ce que tu voulais ??