Aller au contenu

Element centré et float


rortelli

Sujets conseillés

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

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...