Décalage sur IE8

Bonjour,

Les CSS ne sont pas ma spécialités et encore moins sur les "spécificités" IE.
J'ai actuellement un problème sur ce site :
http://bit.ly/6EPQHj

sur IE8, où la citation en haut à droite du logo est décalée vers le bas, sous le menu.

Avez-vous une idée de solutionner le problème pour qu'elle appraisse correctement, comme sur les dernières version de IE, Firefox, Safari et Chrome ?

Merci

Bonjour,

Ça vient a priori de la gestion de float par IE8 (et en l'occurrence je ne sais plus si c'est une erreur d'interprétation des spécifications ou une interprétation possible). Tu as la structure suivante:

<div id="top">
  <a>...</a>
  <div id="pubhaut">...</div>
</div>

Tu as donc deux éléments frères que tu veux placer côte-à-côte, mais au lieu de faire flotter le premier élément à gauche (méthode classique) tu fais flotter le deuxième élément à droite.

Je recommanderais plutôt de laisser tomber float, et d'utiliser display:inline-block pour les deux éléments (avec un vertical-align:top pour l'alignement).
Modifié par fvsch (29 Jan 2012 - 14:49)