28173 sujets

CSS et mise en forme, CSS3

Bonjour !
Je suis en train de réaliser un design basique, et je bloque sur un léger décalage qui apparaît sous IE (pour ma part version 6.0.2900).

Le plus simple est de donner le lien:
http://www.ece.fr/~lavoillo/tmp/index.html
Pour ne pas avoir les bordures moches de test, enregistrez une copie locale et supprimez l'inclusion de "highlighter.css".

Sous firefox, pas de problème. Sous IE, faite les test avec le bouton "toggle menu" pour voir le décalage. Je ne vois pas d'où il vient...
Quelqu'un aurait une idée ?
Modifié par streetpc (01 Feb 2006 - 19:14)
tu as un
#gauche {width: 12em}
#centre {margin-left: 12em}

Tu devrais peut-être agrandir un tout petit peu la marge... 12.5em par exemple... IE sera probablement plus content non??
merci pour ta réponse

Hélas ! ca ne fontionne pas, j'ai beau mettre une largeur de 10em pour #gauche et un margin-left de 12em pour #centre, rien n'y fait Smiley bawling

d'autant plus que cette correspondance est faite exprès...
J'ai une résoution bancale, ceci dans la page :

    <!--[if IE]>
    <style>
      /* Hide from IE5-mac. Only IE-win sees this. \*/
      #centre {
        position: relative;
        left: -3px;
      }
      /* End hide from IE5/mac */
    </style>
    <![endif]-->

ou ceci dans ce css :

* html #centre  { /* MSIE  [decu] */
  position: relative;
  left: -3px;
}


Personne n'aurait un moyen plus... propre svp ?
Modifié par streetpc (02 Feb 2006 - 16:11)