Journal CSS2 : le z-index les rend fou !

Posté par  .
Étiquettes : aucune
0
16
avr.
2004
Salut,

Voilà que je me débute en xhtml/css... j'ai fait une petite page web toute bête pour m'initier (http://n.i.o.free.fr/(...)). La page passe bien sous mozilla et galeon, sous konqueror le texte n'apparait pas, et IE affiche des codes-barres extra-terrestres ;-)

Apparemment c'est la propriété z-index qui est mal gérée par konqueror, ce qui me semble bizarre puisque http://www.konqueror.org/css/(...) confirme que cette propriété est supportée dans ma version du browser...

Y a-t-il des volontaires pour confirmer le bug ?

  • # Re: CSS2 : le z-index les rend fou !

    Posté par  . Évalué à 3.

    Intéressent ce lien sur konqueror existe-t-il la même chose pour IE (pour savoir un peu à quoi s'attendre quand on veut coder du xhtml non conforme au norme mise en vigueur par Microsoft) ?

  • # Re: CSS2 : le z-index les rend fou !

    Posté par  . Évalué à 2.

    Hum juste une remarque. Depuis quelques temps je peste contre les sites qui font un peu trop mumuse avec les CSS. Le truc le plus lourd a mon avis est le scrolling sur une image + transparence. C'est tres joli mais ca rend le scrolling insuportable !
    Sur mon Athlon 1.2Ghz + Firefox CVS on arrive a un scrolling qui met presque 1 seconde pour se terminer et le navigateur perd toute réactivité.

    Ta page plutôt passe bien, mais j'ai l'impression de faire un saut de 4 ans en arrière (la belle epoque des je fou des trucs partout et ca prend 12 plombes a charger).

    Bref vous webmasters fous, essayez de faire en sorte que les sites restent agreable a naviguer, le look est secondaire.

    Exemple de page qui rame chez moi:

    http://pascal.chevrel.free.fr/carnet/2004_04_01_archives.php#108133(...)

    Vala c'etait le moment raleur de la journée :-)

    • [^] # Re: CSS2 : le z-index les rend fou !

      Posté par  . Évalué à 1.

      Je suis on ne peu plus d'accord. C'est ce que je reprochais d'ailleur à un site sur mozilla, http://mozilla.tlk.fr(...) si mes souvenirs sont bon, mais apparemment, ils ont refait le design et maintenant c'est de nouveau fluide. En fait, le scrolling gère très mal les div en position fixe. En en mettant 2-3, ça devient vite ingérable (le pire étant évidemment avec le smoothscoll d'activé. Est-ce un problème de Mozilla ?

      • [^] # Re: CSS2 : le z-index les rend fou !

        Posté par  (Mastodon) . Évalué à 1.

        À mon avis c'est pas un problème de mozilla mais de design: si une partie de la page est fixe et que l'autre bouge, tu es obligé de redessiner une partie de la zone à chaque changement, c'est à dire à chaque fois que tu scroll. Or si tu scroll par tranche de deux pixels, ça fait beaucoup de calculs, et ça rame. Dans le cas où tout bouge ensemble, c'est beaucoup plus facile et rapide à dessiner.

        On pourrait envisager d'optimiser le rendu des trucs fixes quand même, mais ça sera toujours sensiblement plus lent.

    • [^] # Re: CSS2 : le z-index les rend fou !

      Posté par  . Évalué à 1.

      Mince, je voulais fâcher personne...

      J'avais constaté aussi que ça ramait un peu chez moi. Je m'étais dit que ça venait de moi, apparemment, non.

      Promis je le ferai plus ;-)

    • [^] # Re: CSS2 : le z-index les rend fou !

      Posté par  . Évalué à 1.

      d'ailleur sous konqueror 3.2.2 (qui marche au passage), ça rame quasiment pas...
      Pb d'optimisation de mozilla ?

    • [^] # Re: CSS2 : le z-index les rend fou !

      Posté par  . Évalué à 1.

      Ouai, enfin le problème c'est plus la lenteur de Mozilla dans sa gestion de la transparence que la loudeur des sites qui utilisent ca.
      Parce que faut pas déconner, une simple semi-transparence, j'en voyais qui tournaient à 100 fps quand je jouais sur mon 486 sous DOS :p (en vesa donc avec la meme resolution qu'aujourdhui)

    • [^] # Re: CSS2 : le z-index les rend fou !

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

      Exemple de page qui rame chez moi:

      http://pascal.chevrel.free.fr/carnet/2004_04_01_archives.php#108133(...))

      Mouais, surtout qu'on est pas aidé sous Linux... Avec l'équipe de bras cassés que forment X, Gtk et les drivers des cartes graphiques ça rame pas mal effectivement.

      Sur ma machine, un p3 600, le défilement est très lent. En revanche c'est parfaitement fluide sur la même machine sous Windows...

      Pensez à l'environnement avant d'imprimer ce commentaire - Please consider the environment before printing this comment

  • # Re: CSS2 : le z-index les rend fou !

    Posté par  . Évalué à 1.

    Que-est-ce que tu as sous konqueror et qu'est-ce que tu veux ?
    Parce que là, chez moi là différence entre Mozilla 1.6 et konqueror 3.2.1 est que la zone de text (div principal) forme un rectangle au milieu mozilla et va traverse toute là page sur konqueror (vu que tu n'as rien précisé sur ton css, ça peux ce comprendre, ils ont apparemment deux comportements différents par défaut.
    Sinon les pages s'affiche de la même manière.
    Par contre, tu n'a rien dans les div boites*, il n'y a donc pas grand chose à tester au sujet des z-index.

    • [^] # Re: CSS2 : le z-index les rend fou !

      Posté par  . Évalué à 1.

      Chez moi (konqueror 3.1.4) le texte se met sous l'image centrale, et donc on ne voit que l'image. D'après ce que tu me dis, c'est mieux avec ta version.

      Dans les boites, y'a des morceaux d'image en fait.

      • [^] # Re: CSS2 : le z-index les rend fou !

        Posté par  . Évalué à 1.

        est-tu sûr d'avoir bien synchroniser ton site local avec celui du lien ? parce que des boites, là, il n'y en a pas. Ta page se compose principalement de 3 div : principal, présentation (avec des div à l'intérieur) et listeliens. Boites[1-8] sont vides.

      • [^] # Re: CSS2 : le z-index les rend fou !

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

        Une suggestion pour tes images de fond: utilise plutôt une image "normale" en fond puis pour les zones de texte, tu défini un background qui utilise une image d'un pixel blanc semi transparent avec background-repeat: repeat. De cette manière les visiteurs ne chargent que deux images image (dont une toute petite) et tu auras moins de problèmes si tu dois refaire la mise en page ou modifier l'image de fond. J'utilise ce procédé pour un site que je suis en train de faire, ça marche bien et apparament c'est plus léger que ce que tu as fait (même si ça rame pas vraiment, j'ai une sensation de "lag" quand je scroll sur ta page).

        pertinent adj. Approprié : qui se rapporte exactement à ce dont il est question.

  • # Re: CSS2 : le z-index les rend fou !

    Posté par  . Évalué à 1.

    Aucun problème avec Konqueror 3.2.1

Suivre le flux des commentaires

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