Display inline block avec IE
Bonjour,
si quelqu'un pourrait me dire pourquoi cela ne fonctionne pas je suis preneur. Je n'ai pas l'habitude de développer pour IE, et du coup je patauge complètement. Je viens de faire un test basique :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| #couleur {
width:450px;
height:450px;
}
#rouge {
display:inline-block;
height:200px;
width:200px;
background-color: red;
}
#bleu {
display:inline-block;
height:200px;
width:200px;
background-color: blue;
} |
Code:
1
2
3
4
| <div id="couleur">
<div id="rouge"></div>
<div id="bleu"></div>
</div> |
http://jsbin.com/oLEtEqO/1/edit
Sur tous les navigateur hormis IE les deux blocs sont bien cote à cote mais sur IE ils sont l'un en dessous de l'autre.
Merci :ccool:
