Journal Faire des CSS ou pas ?

Posté par  (site web personnel) .
Étiquettes : aucune
0
24
mar.
2004
En ce moment notre site internet est en plein remaniement, pour lui donner un nouveau look : http://www.rezal404.org(...)

Je me penche beaucoup sur les CSS, c'est une manière de faire géniale. Oui mais.... Vous savez de quoi je vais parler : le navigateur utilisé par plus de 90% des gens.

Le site passe très bien sur mozilla, IE mac, safari, konqueror, etc. Mais pas sur IE windows, ou le menu se décale, ou les images à position fixe ne fonctionnent pas, et j'en passe.
Le plus dur, c'est que je n'ai pas windows chez moi, et que j'utilise un mac au boulot. Donc pas facile pour tester sur IE mes CSS qui me semblent pas trop alambiqué et plutot valides.

Je me demande de plus en plus si je vais pas faire comme en 40, un site avec des tables partout absolument horrible à mettre à jour, mais qui au moins passe partout sans surprises. Ou mettre un popup pour les utilisateur d'IE leur disant que leur navigateur est trop obsolete pour ce site... Je desespère...

Comment faites-vous des CSS sous linux en étant sur de leur affichage avec IE win ? D'ailleur est-ce logique de faire du design web sous linux alors qu'IE à 90% du marché des navigateurs (et que j'arrive pas a l'installer avec wine). Y'a t'il un site avec tout les bug CSS d'IE, et comment les contourner, sur une seule page. Pourquoi mon forum est tout décalé sous windows, pourquoi la vie est si injuuuuuuste ????

  • # Re: Faire des CSS ou pas ?

    Posté par  . Évalué à 1.

    Y'a tellement de liens sur ce sujet... commence par http://www.publishtogether.com/pompeurs/HacksCss(...)

    Pour ce qui est du design CSS, n'étant ni designer ni pro du CSS. Je me contente souvent de reprendre les articles, par exemple de http://www.alistapart.com/(...)

  • # Re: Faire des CSS ou pas ?

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

    D'ailleur est-ce logique de faire du design web sous linux alors qu'IE à 90% du marché des navigateurs

    oups ! attention ! mon trollomètre détecte un troll dans cette phrase !

    et puis, 90%, ça sera peut être pas le chiffre que tu auras sur ton site... Tout dépend de ta cible.

    Bon sinon : OUI, tu peux utiliser les CSS avec IE

    Il suffit juste de connaître quelques petites astuces dont la principale : http://openweb.eu.org/articles/dimensions_boites_css/(...)

    C'est tout..

  • # Re: Faire des CSS ou pas ?

    Posté par  . Évalué à 2.

    Je viens de faire un site avec des css et pour avoir le même rendu sous mozilla et sous IE, j'ai fait des div dans des div dans des div.

    En gros des div pour le placement, sans marge, sans bordure, etc...
    contenant des div de contenu. voir, contenant d'autre div de placement contenant des div de contenu, ça fait un peu poupée russe genre :

    div id=page
    __div id=barre_haut
    __div id=principal
    ____div id=titre
    ______h1 (géré comme un div)
    ______h2
    ____div
    ______div id=menu
    ________ul
    __________li
    .../...
    ____div
    ______div id=main_content
    ________div class=bidule
    .../...
    ________div class=separator


    Grossièrement. En même temps cela faisait des années que j'avais pas fait un site ^^

    Bon, pour l'instant il ne valide rien du tout o_O
    notement à cause de l'utilisisation de id= pour des élements qui se répètent...

    Courage !

  • # Re: Faire des CSS ou pas ?

    Posté par  . Évalué à 3.

    Si ton site est valide, tu reste comme ca.
    Bien sur tu mets une popup pour les utilisateurs de IE Windows leur expliquant que le site risque de mal apparaitre car leur navigateur n'est pas assez performant....

    • [^] # Re: Faire des CSS ou pas ?

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

      Avec un lien sur un site crédible qui confirme cette information, sinon ils vont te prendre pour un bouffon...

    • [^] # Re: Faire des CSS ou pas ?

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

      CSS valides, mais pas le xhtml (et c'est dur avec un wiki d'ailleur)
      Mais je ne pense pas que dire à 70% d'utilisateurs (c'est le nombre d'utilisateurs d'IE sur notre site) qu'ils ont pas le bon navigateur, soit une bonne solution.

      Sinon ma question reste entière, comment developper sous linux et tester sous IE ? Je crois que je vais finir par installer une machine virtuelle pour mes test moi, et exumer un vieux CD de win98 qui doit trainer dans mes tiroirs...

      • [^] # Re: Faire des CSS ou pas ?

        Posté par  . Évalué à 5.

        "Mais je ne pense pas que dire à 70% d'utilisateurs (c'est le nombre d'utilisateurs d'IE sur notre site) qu'ils ont pas le bon navigateur, soit une bonne solution."

        Moi c'est celle que j'ai prise. Ca a bien gueulé dans tous les sens mais maintenant le nombre d'IE dans les stats de mon site à diminué beaucoup au profit de mozilla...

        Mais je n'ai pas oublié les IE users: http://demo.journalintime.com/ecrire/msie.html(...)

        Grosso modo les IE users je leur envoie une CSS super simplifiée et les autres la CSS toute zolie :)

        • [^] # Re: Faire des CSS ou pas ?

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

          Oui finalement... faire une css IE et autres assez basique et jolie, mais que les utilisateurs de "vrai" navigateurs puissent acceder aux autres CSS avancé.

          Je peux reprendre ton texte ?

          • [^] # Re: Faire des CSS ou pas ?

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

            s/Ceci peux provoquer/Ceci peuT provoquer

            • [^] # Re: Faire des CSS ou pas ?

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

              autres fautes dans le document évoqué au dessus :
              s/des problèmes dûs à Internet Explorer/des problèmes dUs à Internet Explorer
              (dû, due, dues, dus => la faute revient deux ou trois fois dans le texte)

              • [^] # Re: Faire des CSS ou pas ?

                Posté par  . Évalué à 1.

                Merci des corrections et oui dawar tu peux reprendre tant que tu fait pas d'argent commercial avec (enfin ça m'étonnerait que ça fasse entrer de l'argent ce genre de texte :p ).

                • [^] # Re: Faire des CSS ou pas ?

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

                  Hum, il est pas sous licence libre alors ? :)

                  Bon il me reste plus qu'a trouver un petit script php qui identifie le navigateur, et balancer le selecteur de css aproprié.

        • [^] # Re: Faire des CSS ou pas ?

          Posté par  . Évalué à 2.

          J'espère pour toi, si les IE diminue, que le nombre de moz augmente.
          Sinon ca veut pas dire qu'ils changent, mais plutot que tu les fais fuir

      • [^] # Re: Faire des CSS ou pas ?

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

        Crossover Office est ton ami... mais c'est pas libre, mais aussi c'est pas cher une 20aine de $... Et tu fais marcher ie6 sans problème.

    • [^] # Re: Faire des CSS ou pas ?

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

      Ce ne serait pas plus simple de faire un script serveur (genre php) qui explique que ce site est optimisé pour mozilla 1.7b et que tous les autres navigateurs ne peuvent donc pas l'utiliser ? après tout, y'a pas mal de site qui font ça en faveur d'IE.

      Le pire je crois, c'est le blink qui ne s'affiche pas sous IE et donc y'a pleins de webmaster qui en mettent (pour quelle raison ?), et quand on le regarde avec autre chose qu'IE, ça fait mal aux yeux...

      Bon, c'était pour rire ma proposition...

      Axel

      • [^] # Re: Faire des CSS ou pas ?

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

        Ca reste utilisable avec IE, mais le menu se décale bizarrement (et pas sur toutes les pages), et bien sur les images fixes ne le sont pas, ce qui est très moche...

        • [^] # Re: Faire des CSS ou pas ?

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

          Salut!
          Pour le décalage des menus c'est sûrement dû au "box model" d'IE différent de celui du reste du monde --> voir le célèbre "box model hack" (sur openweb par exemple, le lien est plus haut) + quelques essais pour affiner tout ça...

          Pour les menus fixes, je ne connais pas de solutions... à moins peut être de faire du javascript de la mort pour simuler l'effet... m'enfin je ne suis vraiment mais alors vraiment pas sûr que le jeu en vaille la chandelle!

          Il manque le support des png: la solution ben le gif (le brevet est tombé aux US je crois) si l'image ne devient pas trop moche sinon dire m... aux utilisateur d'IE ;)

          Je dirais qu'en dehors de ces trois gros problèmes le reste ne passe pas trop mal (du moins du haut de ma petite expérience perso!).

          Par contre si quelqu'un connais un moyen de simuler IE sous linux j'achète parce que là je suis obliger de tester au boulot alors pour faire les modifs en direct ce n'est pas pratique du tout!
          Quand on y pense c'est un comble quand même!

          Bon courage!
          Tay

          • [^] # Re: Faire des CSS ou pas ?

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

            Oui, il m'en faut du courrage, je tourne que sous linux et je peux pas tester. Je vais me résigner je crois à installer une partoche windows juste pour ca.

            Sinon pour le problème de taille de boite, je le connais bien et j'ai utilisé un hack d'openweb pour cela, mais ca marche pas sur certaines pages, je ne sais pas pourquoi.

            Mais je crois que je vais discriminer les utilisateurs IE, en faisant une feuille de style simple qui marche pout tout le monde, et les utilisateurs d'autres navigateurs qu'IE auront le droit à d'autres feuilles de style via un selecteur.

            • [^] # Re: Faire des CSS ou pas ?

              Posté par  . Évalué à 2.

              tu devrais essayer ce site http://www.danvine.com/iecapture/(...) qui te propose un screenshot de ton site sous ie.

              Mais je crois qu'il est victime de son succès

              • [^] # Re: Faire des CSS ou pas ?

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

                La vache, il veux pas réponde. C'est tout à fait ce que je n'imaginais même pas trouver !!!

                Mais comment faites-vous des sites web sous linux ? Ne vaux il mieux pas faire ca sous windows, au moins on à IE, mozilla, heuuu...un équivalent pour win de safari/konqui (khtml ?)

                • [^] # Re: Faire des CSS ou pas ?

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

                  Je n'ai pas windows à la maison! En plus c'est un bon argument pour convaincre les potes d'utiliser Firefox (la famille c'est déjà fait ;) !).

                  En tout cas le site de sceenshot IE ça a l'air bien cool par à cette heure ci il ne réponds pas...

                  Je viens de trouver une astuce dans un autre journal Linuxfr qui peut aider (ici: http://www.pixy.cz/blogg/clanky/cssunderscorehack/(...)): en mettant _ au début d'une instruction CSS celle ci est ignorée par IE5+.
                  Pas testé...

                  Sois fort! Résiste aux sirènes windowziennes ;) !

                  A+
                  Tay

                  • [^] # Re: Faire des CSS ou pas ?

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

                    trop fort ce "hack", ils déchirent les dev d'internet exploser ! C'est bien plus simple que le html>body ! merci.

                    Mais j'ai peur du nouveau IE, et à chaque mise à jour tous les dev CSS doivent trembler non ? Je penche donc plutot pour un selecteur CSS sélectif, qui propose une CSS simple pour tout le monde, et les chanceux qui utilisent un vrai navigateur ont le droit à d'autres CSS plus zoli.

  • # Re: Faire des CSS ou pas ?

    Posté par  . Évalué à 2.

    http://danvine.com/iecapture/(...)

    ca peut aider.

  • # Re: Faire des CSS ou pas ?

    Posté par  . Évalué à 1.

    Y'a une compilation des liens sur le contournement des pb CSS avec IE :
    http://www.fastclemmy.com/index.php?viewlog=75(...)

Suivre le flux des commentaires

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