Css alignement tableau

Résolu/Fermé
Messages postés
587
Date d'inscription
samedi 7 juin 2008
Statut
Membre
Dernière intervention
4 juin 2011
-
Messages postés
369
Date d'inscription
dimanche 25 janvier 2009
Statut
Membre
Dernière intervention
28 janvier 2013
-
Bonjour, je souhaiterai aligner un tableau sous un autre comme sur ce petit shéma

http://uplofile.free.fr/rep5/1020660exemple_tableaux-copie.png

a part l'aligner sur un coté de la page ou au centre je n'arrive pas a grand chose :(
merci d'avance

4 réponses

Messages postés
369
Date d'inscription
dimanche 25 janvier 2009
Statut
Membre
Dernière intervention
28 janvier 2013
28
<div id="container">
    <div id="a">Box 1</div>
    <div id="b">Box 2</div>
    <div class="clear"></div>
</div>


et pour la css

#container{width:400px;height:300px;}
#a{width:400px;height:200px;display:block;background:#E2E2E2;}
#b{width:200px;height:100px;display:block;background:#666666;float:right;}

.clear{clear:both;}
Messages postés
369
Date d'inscription
dimanche 25 janvier 2009
Statut
Membre
Dernière intervention
28 janvier 2013
28
le float peut prendre la valeur right, left, ou none,..

c'est lui qui dit de se coller le plus à droite qu'il peut ou le plus à gauche qu'il peut,..
c'est toujours plus facile à gérer avec un width ou au moins un min-width

Le clear dit qu'on arrete de "floater"
Messages postés
587
Date d'inscription
samedi 7 juin 2008
Statut
Membre
Dernière intervention
4 juin 2011
46
merci beaucoup pour cette aide rapide
j'ai un peu galéré pour mettre en place toutes les div contenu dans mon tableau etc etc
mais une fois qu'on a pigé le principe du container et des des float c'est bon :)

merci
Messages postés
369
Date d'inscription
dimanche 25 janvier 2009
Statut
Membre
Dernière intervention
28 janvier 2013
28
de rien.. :)