Différence IE / Firefox avec Padding et Margin à 0

Bonjour,

Pourriez-vous me dire qu'est-ce qui fait qu'une page aussi simple que url supprimée présente de telles différences de présentation (notamment au niveau des espacements entre les blocks) entre IE 7 et Firefox 2 sous Windows?

Et pourtant, vous verrez dans url supprimée que pratiquement tous les padding et margin sont à 0...

Merci pour vos pistes!

Même problème / même cause ici?

url supprimée

Remarquez l'énorme différence de hauteur du calendrier entre IE et Firefox...

Bug IE6< :

Les marges horizontales sont doublées sur le premier élément d'une série d'éléments flottants.

Exemple :

Code:

---

1 2 3 4 5 6 7

.marge{ float:left; margin-left:50px; width:300px; height:100px; background:#f00; }

---

Code:

---

1 2 3

<div class="marge">Texte</div> <div class="marge">Texte2</div> <div class="marge">Texte3</div>

---

La première marge à gauche vaudra alors 100px et les autres 50px comme correct.

Solution : Basculer le premier élément (voire tous, ça ne changera rien) à inline : display:inline;

Un exemple vaut certainement mieux qu'un long discours : Hop.

Citation:

---

Envoyé par gb-ch

http://www.memento-calendar.ch/
Remarquez l'énorme différence de hauteur du calendrier entre IE et Firefox...

---

Peut-être en ajoutant un petit margin de 0 ici:

Code:

---

1 2 3 4

#cal p.calMonthsNav { padding: 0;margin:0; font-size: 0.75em; }

---

Citation:

---

Envoyé par gb-ch

Pourriez-vous me dire qu'est-ce qui fait qu'une page aussi simple que http://www.informatique-geneve.ch/cat.php?cat=4 présente de telles différences de présentation (notamment au niveau des espacements entre les blocks) entre IE 7 et Firefox 2 sous Windows?

---

Un tout petit rien qui, je te rassure ne m'a pas sauté non plus aux yeux ;) Dans ton css tu as écris tous tes

Code:

---

margin:0;

---

sans les : :aie:

Bonjour.

À propos de ça :

Citation:

---

Code:

---

margin:0;

---

---

il me semble avoir lu un peu partout que le css exigeait des unités (px, %, etc.).
Et je vois également un peu partout cette déclaration sans unité.

Quelqu'un(e) pourrait m'expliquer ce paradoxe, siouplait ?
Merci,
--
jp

Citation:

---

Envoyé par Jipété

Bonjour.

À propos de ça : il me semble avoir lu un peu partout que le css exigeait des unités (px, %, etc.).
Et je vois également un peu partout cette déclaration sans unité.

Quelqu'un(e) pourrait m'expliquer ce paradoxe, siouplait ?
Merci,
--
jp

---

Zéro, que ce soit zéro px, em, cm, patate, ou chou, ça sera toujours zéro et donc toujours la même valeur.

Citation:

---

Envoyé par Candygirl

Un tout petit rien qui, je te rassure ne m'a pas sauté non plus aux yeux ;) Dans ton css tu as écris tous tes

Code:

---

margin:0;

---

sans les : :aie:

---

Merci bcp! Le copier-coller avait frappé! ;o)