Ubuntu-fr

Mathieu147

[Résolu] [CSS] Display: inline-block ne fonctionne pas avec Webkit

Bonjour,

D'après tout ce que je peux lire sur le net, la propriété CSS

display:inline-block;

est censée être supportée par tous les navigateurs (même Internet Explorer!).

Mais je n'arrive pas à la faire fonctionner ailleurs que dans Firefox. J'ai essayé les navigateurs suivants:
- Internet Explorer 7 et 8 (Windows 7)
- Opera 10.50 (Ubuntu 10.04 et Windows 7)
- Safari 5 (Mac OS 10.6)
- Chrome 5 (Windows 7)
- Chromium 5 (Ubuntu 10.04)

Ainsi que diverses versions de Firefox (3.0, 3.5, 3.6, 4.0ß) sur Linux, Windows et Mac OS.

J'ai utilisé ce code:

<p style="text-align: center;">
  <a href="blablabla">
  <div class="inlineblock" style="width: 200px; height: 100px">
    Tralala
  </div>
</a>
</p>

.inlineblock {
  display: inline-block;
}

Ce que je m'attends à avoir comme résultat, c'est que mon div soit centré, or, il est resté aligné à gauche dans tous les navigateurs sauf Firefox (toutes versions, tous OS).

Comment est-ce que ça se fait?

Merci!

Dernière modification par Mathieu147 (Le 15/07/2010, à 14:53)

---

Pffff…

obiwankennedy

Re : [Résolu] [CSS] Display: inline-block ne fonctionne pas avec Webkit

la propriété display: inline-block; permet de donner un style block à un element inline (d'après : http://www.lesintegristes.net/2008/06/18/utiliser-la-propriete-displayinline-block/ ). Tu l'appliques à un élément block (div). 

Dans l'exemple du site, il l'utilise sur un label qui est de type inline.  As-tu testé en mettant un span au lieu d'un div dans ton exemple ?

Dernière modification par obiwankennedy (Le 15/07/2010, à 13:59)

---

Dans mes logiciels, j'écris ton nom.
SGNGD: SvgGd is Not GD
Rolisteam

Mathieu147

Re : [Résolu] [CSS] Display: inline-block ne fonctionne pas avec Webkit

Bonjour,

Je pensais que cette limitation ne valait que pour Imbécile Exploseur, mais je vais essayer, merci.

---

Pffff…

Mathieu147

Re : [Résolu] [CSS] Display: inline-block ne fonctionne pas avec Webkit

Ça marche ♥

---

Pffff…