Journal CSS et IE

Posté par  .
Étiquettes : aucune
0
2
déc.
2003
Bonjour cher journal,

Alors voilà, j'ai un beau site web (quoique un peu vide), valide et tout, et j'utilise à fond la CSS et notamment les propriétés fixed ...

Il est très beau comme ça, seulement voilà, sous IE il est super-moche, et, ne nous voilons pas la face, la plupart des internautes utilisent ce que le vendeur de carrouf leur a donné avec leur PC, donc Windows et IE.

Donc je voudrai savoir si tu sais, cher journal, comment faire pour que mon site soit aussi beau sous Mozilla/Konqui/etc et IE ...

Merci d'avance, et à la prochaine ...

PS : Merci de ne pas nourrir les trolls qui ne manqueront pas de se glisser subrepticement dans tes réponses, qui je l'espére, seront rapides et nombreuses :)

PPS : Heureusement qu'il y a le bouton [Visualiser], sinon j'aurai oublié de te donner l'adresse dudit site web : http://flure.free.fr(...)

  • # Re: CSS et IE

    Posté par  (site web personnel) . Évalué à 2.

    A mon avis y a pire que toi.
    Va voire http://sidenux.ath.cx(...) et compare avec l'original....... mais c'est à cause de CSS2
    Par conter ton site passe un peu mal sous konqueror: j'ai la barre de défilement d'afficher,
    qui cache 1 caractère du menu.
    Et puis tu peux leur donner l'addresse de mozilla non?
    Ou alors (Comment ça je suis cingler?) tu peux toujours chercher un browser en java qui affiche bien et qui est activé quand y a un IE qui passe (comment ça le mot cinglé est faible?)

  • # Re: CSS et IE

    Posté par  . Évalué à 2.

    Tu peux aussi prévenir que le Web n'est pas conçu pour s'afficher fidèlement sur tous les navigateurs mais plutôt dans les limites de chaque implémentation et configuration, bref c'est pas du PDF. Ayant suivi les standards internationaux (pour faire sérieux) et l'ayant testé les avec logiciels respectant le mieux ces standards, tu n'es quand même pas là pour débugger tous les navigateurs de la planète !

    Si les gens estiment qu'ils ont du matériel récent et qu'ils sont en pleine possession de leurs moyens, alors il est temps de changer de navigateur. Et là, tu propose des liens vers des navigateurs modernes avec pleins de nouvelles fonctionnalités qui font cruellement défaut dans ces dinosaures.

  • # Re: CSS et IE

    Posté par  . Évalué à 3.

    sous moz en tout cas, c'est un chef d'oeuvre !!!

    sinon pour tes problemes de fixed, ya un ptit truc pour les avoir en absolute avec ie, j'ai lu ca sur openweb.eu.org : http://openweb.eu.org/articles/initiation_absolue/(...)

    .fixe {
    position: absolute;
    top: 10px;
    left: 10px;
    }
    html>body .fixe {
    position: fixed;
    }

    comment ie ne lit pas le "html>body .fixe" il ne lui appliqera pas le fixed.

    donc, tu peux faire un truc comme ca histoire que ce soit pas trop moche.

    (bon, ca strouve tu le sais deja hin : )

    • [^] # Re: CSS et IE

      Posté par  . Évalué à 1.

      Merci, je viens d'utiliser cette astuce pour supprimer le fond des boites de news dans IE, et ça marche à merveille :)

      Maintenant j'ai un autre problème : quand une image (avec float:left) est plus haute que la boîte div qui la contient, elle dépasse en bas, ça se voit bien dans la section "screenshots" ...

      Y'aurait-il un moyen d'empêcher cela ?

      • [^] # Re: CSS et IE

        Posté par  . Évalué à 1.

        en rajoutant un truc du genre

        <hr style='visibility: hidden; clear: both;'> avant de fermer ton </div>

        mais la sémentique en prend un leger coup :/

        (p.e. essaye en changeant le position du conteneur (relative ou absolute) pour une histoire de hors flux...)

        Dam

        • [^] # Re: CSS et IE

          Posté par  . Évalué à 1.

          le HR que tu prendra soin de fermer bien sur contrairement a moi ;)

          Autre chose aussi a propos de ton menu

          Vois le plutot comme une liste de lien ca évitera d'utiliser le <br /> a outrance comme tu le fait (non agrandir un espace entre deux paragraphe ne se fait pas en rajoutant des lignes mais avec CSS) tu peux concidérer que tu a un div menu avec 4 listes (dont certaines avec 1 item)
          ou une liste générale avec un des items supportant des stylage différents pour les separrer (p.e. faudra t'il voir pourquoi tu separes certaines entrées et pas d'autres ...)

          voila sinon je trouve le design tres sympa :)

          Dam

      • [^] # Re: CSS et IE

        Posté par  . Évalué à 1.

        oui, oui, rajouter un
        la ou ca va bien (genre juste avant la fermeture du div de la boite d'ou ca depasse.

        • [^] # Re: CSS et IE

          Posté par  . Évalué à 1.

          il manque le principale :)

          < div style="clear:both;" > < / div >

  • # Re: CSS et IE

    Posté par  . Évalué à 1.

    Les backgrounds fixed, etc ça n'a jamais fonctionné sous la branche de IE de windows (IE Mac oui). C'est lamentable je sais...

    1 seul solution à ce probleme: un srcipt qui detecte le IE pour windows et met un feuille de style alternative. Et ne pas oublier de conseiller le telechargement de mozila...

    Sinon ton fond d'écran est pas mal, t'as trouvé ça où STP?

    • [^] # Re: CSS et IE

      Posté par  . Évalué à 1.

      Oui, pour le script et le téléchargement de Mozilla, je pense que c'est ce que je ferai quand j'aurai un peu plus de temps.

      Sinon pour le fond d'écran, tu veux dire le fond de la page ? Je l'ai fait moi-même sous Blender, en m'inspirant de ce que j'ai vu en traînant sur le net :)

      • [^] # Re: CSS et IE

        Posté par  (site web personnel) . Évalué à 1.

        j'en ai fait un
        je fait un copier-coller.


        <?php
        //détection du navigateur
        $nav = 0 ;
        $nav2 = 0 ;
        $navigateur = $_SERVER['HTTP_USER_AGENT'] ;
        //echo $navigateur ;
        $pos = strpos($navigateur, "MSIE 6.0");

        if ($pos === false)
        {


        }
        else
        {
        $nav = 1 ;
        }

        $pos2 = strpos($navigateur, "MSIE 5.5");

        if ($pos2 === false)
        {


        }
        else
        {
        $nav2 = 1 ;
        }

        $nav_res = $nav + $nav2 ;



        //si c'est cette merde de internet explorer 5.5 et + on affiche le if pour avoir le fond transparant sur le png. Sinon c'est le esle pour les navigateur normaux
        if ($nav_res > 0)
        {

        echo "
        <link rel=\"stylesheet\" type=\"text/css\" href=\"styleiexplorer.css\">
        ";
        }
        else
        {
        echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\">";

        }

        ?>




        J'avais fait ca pour pouvoir afficher une feuille de style differant avec iexplorer 5.5 et + pour afficher la transparance des png (on peut avec un petit script).

        En ésperant que cela puisse te rendre service.

        P.S Félicitation le look de ton site est superbe.

    • [^] # Re: CSS et IE

      Posté par  . Évalué à 3.

      Je suis pas trop d'accord avec ton point de vue.

      Faire des feuilles de style suivant les navigateurs est contre-productif, il faut les maintenir toutes ou pas du tout, il y a toujours des navigateurs qui "trichent" avec les UA... bref, cai mal

      Comme son site est lisible sur IE même s'il est moins beau et qu'il respecte les standards w3c, alors je pense que c'est ok, faire plus de boulot est une erreur.

      mon blog http://renardjb.free.fr/blog/(...) (pourris) par exemple n'a pas le même rendu sous IE ou moz mais il est lisible dans tout les cas même en désactivant le javascript et les images et ca c'est le plus important.

      voilà, voilà.

      • [^] # Re: CSS et IE

        Posté par  . Évalué à 1.

        je trouve qu'il est moins grave de proposer une feuille de style suivant le site car cela ne joue pas sur l'accessibilité mais juste sur l'affichage.

        Ce n'est pas la meme chose que d'utiliser du Javascript specifique a un navigateur pour des action importantes (navigation, validation de formulaire , ...) ou la le site deviens innutilisable pour les autres navigateur.

        Dam

      • [^] # Re: CSS et IE

        Posté par  . Évalué à 1.

        Il est super beau ton site, par contre il fait raaaaaaaaaaaaaaaaaamer firebird sur un celeron @ 875 MHz, tu devrais mettre une page d'avertissement précisant qu'il faut un P4 @ 3.2 GHz mini pour le regarder en toute quiétude ;)

      • [^] # Re: CSS et IE

        Posté par  (site web personnel) . Évalué à 1.

        Argh, le scrolling est horriblement lent sur ton site... (Firebird 0.7 US sous Mdk 9.2 sur un 550Mhz/200Mo)

      • [^] # Re: CSS et IE

        Posté par  (site web personnel) . Évalué à 1.

        ton blog rame a donf, rien ne s affiche à part le fond, l ascenseur oscille de haut en bas...
        Moz0.7 avec GTK, xp2200+, 512Mo.

  • # Re: CSS et IE

    Posté par  . Évalué à 2.

    et puis force le fond blanc, parce que pour peu que quelqu'un ( http://212.180.2.140/~gnok/Photos/mozicapuesainul.jpg(...) ) ai configuré moz pour afficher un fond par defaut d'une autre couleur, spa beau.

    • [^] # Re: CSS et IE

      Posté par  . Évalué à 1.

      ARF !!!

      Merci pour l'info, je change ca tout de suite ! :)

    • [^] # Re: CSS et IE

      Posté par  . Évalué à 1.

      Les screenshots d'écran, en jpg, ça bave méchant autour des caractères. Le jpg, c'est surtout bien adapté pour des photos. Là, vaudrait mieux utiliser un png en 256 couleurs. C'est pas plus lourd et c'est plus joli ;-)

  • # Re: CSS et IE

    Posté par  (site web personnel) . Évalué à 3.

    Un petit hack et puis s'en vont:
    http://www.pixy.cz/blogg/clanky/cssunderscorehack/(...)

  • # Re: CSS et IE

    Posté par  (site web personnel) . Évalué à 1.

    Ca fait perpette que tu l as monté ce site nan?

    Je me souviens du fond, et qu on t avais reproché la partie "admin"... Et qu on avait pas reussi a la forcer :)

    Ca devait etre encore une belle soirée sur #demofr je pense... :P

Suivre le flux des commentaires

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