Journal CSS et IE (encore et toujours la m----)

Posté par  .
Étiquettes : aucune
0
29
mai
2004
Bonjour à tous !
Ceux qui ont la malchance de devoir utiliser Internet Explorer sur ce site aurons sans doute remarqué que la petite boite qui contient les liens vers UUCPssh, TribuneLibre, LinuxGraphic, Templeet etc... en haut des pages de linuxfr s'affiche quand elle veut sur Internet Explorer.

J'ai exactement le même problème avec les pages de mon site (XHTML + CSS), sauf que sur le mien, la majorité des gens qui y passerons n'auront pas Mozilla, Konqueror, ou autres mais bien un Internet Explorer.

Question : y'a-t-il un moyen de camoufler ce bug d'IE ?

Merci bien !

  • # ici on a

    Posté par  . Évalué à 10.

    ici on a

    div.lsfnbanner {
    margin-left: 150px;
    margin-right: 170px;
    border-top: none;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px black solid;
    border-right: 1px black solid;
    border-left: 1px black solid;
    text-align: left;
    font-size: 11px;
    padding-top: 2px;
    background-color: #eeeae6;
    }

    ce qui en plus court donne:

    div.lsfnbanner {
    margin: 0 170px 0 150px;
    border: 0 1px #000 solid 1px #000 solid 1px #000 solid;
    /* je suis pas sûr pour cette ligne, tiens ^^ */

    text-align: left;
    font-size: 11px;
    padding-top: 2px;
    background-color: #eeeae6;
    }

    ce qui en fait pourrait se transformer en:

    div.lsfnbanner {
    position: absolute
    top: 0;
    left: 50%;
    width: 400px;
    margin: 0 0 0 -200px;
    /* direct copier-coller de: http://openweb.eu.org/articles/initiation_centrage/(...) */
    }

    qui doit fonctionner sous ie normalement

    si c'est pas ca et que je me trompe carrément de problème, le mieux est encore de consulter:
    http://css-discuss.incutio.com/?page=CssHack(...)

    et de tester ton rendu via http://www.danvine.com/iecapture(...)

    (au fait quand il y a quatre élément dans une variable css il faut les lire dans le sens des aiguilles d'une montre en commencant par le haut. ce qui donne: haut droite bas gauche)

    bien à toi

    plagiats

    • [^] # Petit détail

      Posté par  . Évalué à 4.

      Cette proposition diffère légèrement: la boîte a une largeur fixe et risque donc de déborder en cas de fenêtre trop petite.

      Peut-être que ceci sera plus conforme à l'effet désiré.
      div.lsfnbanner {
      position: absolute; /* il manquait un ";" */
      top: 0;
      left: 50%;
      width: 80%;
      margin: 0 0 0 -40%;
      }

      Ok sur Moz, ai pas IE pour tester. Sinon, je viens de réaliser un site aussi avec CSS, et mon expérience me dit de rechercher un exemple qui marche et de le recopier :-(. Attention, MSIE5 est particulièrement rebelle d'après un de mes testeurs.

      • [^] # Re: Petit détail

        Posté par  . Évalué à 1.

        position: absolute; /* il manquait un ";" */

        Bien vu! Y'en a un qui suit! ;)

    • [^] # correction sur "border"

      Posté par  . Évalué à 2.

      pour les bordures, je viens de vérifier (la syntaxe me paraissait bien gruikeste quand même), il vaut mieux un bon:

      border: 1px solid #000;
      border-top: none;

      des familles, tout de suite plus lisible (et qui marche, lui).

      plagiats

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.