Bonjour,
j'avoue bloquer sur un truc tout bête,
voilà, j'ai 3 divs (de même taille, width et height) que je voulais mettre les un a coté des autres.
J'utilise donc le display:inline-block tout naturellement
et ca marche bien tant que ces div restent vide., mais les div bougent verticalement en fonction du contenu...
voici le CSS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
.container {
        width: 930px;
    }
    .container div {
        display: inline-block;
        width: 300px;
        border:1px solid grey;
	height:90px;
    }
bon, quand mes boites sont vides c'est bon
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<div class="container">
    <div></div>
    <div></div>
    <div></div>
</div>
mais plus du tout quand il y a du contenu (les boites sont suffisamment grandes)

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<div class="container">
    <div>123456</div>
    <div>123<br>456</div>
    <div></div>
</div>

Quelqu'un pourrait-il me dire ce qu'il manque a mon CSS ?
Merci.

note : svp, je privilégie la solution inline-block a float.