Discussion :

[gb-ch]

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!

[gb-ch]

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

url supprimée

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

[Bisûnûrs]

Bug IE6< :

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

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
.marge{
   float:left;
   margin-left:50px;
   width:300px;
   height:100px;
   background:#f00;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Candygirl]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Candygirl]

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

margin:0;

sans les :

[Jipété]

Bonjour.

À propos de ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bisûnûrs]

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.

[gb-ch]

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

margin:0;

sans les :

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