IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Propriété de background : url


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Développeur JAVA/PHP
    Inscrit en
    Mai 2008
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur JAVA/PHP

    Informations forums :
    Inscription : Mai 2008
    Messages : 61
    Par défaut Propriété de background : url
    Bonjour,

    Je viens poser une question parce qu'après pas mal de temps de recherche, je ne trouve pas l'information.
    Je suis actuellement développeur sur une application Java, et sur LA feuille de style de l'application, j'ai une ligne qui génère une ligne d'erreur par appel de page.

    Voici la ligne d'erreur Apache :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    [Thu Jun 27 02:00:05 2013] [error] [client xx.xx.xx.xx] File does not exist: /WWW/ZZZ/YYY/apache_2.2.11/htdocs/XXX/css/null,
    J'ai isolé la ligne de CSS qui génère cette erreur, mais j'avoue avoir du mal à comprendre son utilité ou la possibilité que j'ai de la remplacer par qqchose qui fonctionne, et j'aimerais un peu d'aide la dessus.

    Voici la portion de CSS :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    /* emulation fixed IE */
    html>body .menuGeneral { position: fixed; }
    html[xmlns] .menuGeneral { position: fixed; }
    body { background: url(null) fixed ; }
    .menuGeneral{position: relative;top:expression(documentElement.scrollTop+body.scrollTop);}
    /* fin de l'émulation fixed IE */
    C'est le background : url(null) qui pose problème. Je ne vois pas ce qu'il fait et par quoi le remplacer...
    Merci d'avance

  2. #2
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Hello,

    Il me semble que ce bout de code servait à émuler un comportement identique à position:fixed sur IE6 qui ne le supportait pas. Depuis IE7, il est devenu inutile.

    En principe il n'aurait pas dû se trouver dans la feuille de style générale mais aurait dû être intégré uniquement à l'attention d'IE6 et - par le biais d'un commentaire conditionnel.

    A l'heure actuel, il n'a plus vraiment de sens à moins que tu doives assurer un full support sur IE6 (et encore utiliser un positionnement fixe est-il vraiment nécessaire ?). Le retirer nuira au pire à la mise en page sur IE6 mais ne devrait pas avoir d'impact majeur sur l'accessibilité.
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  3. #3
    Membre averti
    Homme Profil pro
    Développeur JAVA/PHP
    Inscrit en
    Mai 2008
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur JAVA/PHP

    Informations forums :
    Inscription : Mai 2008
    Messages : 61
    Par défaut
    Merci pour la réponse

    La feuille de style est une feuille appelée après un test JS du navigateur, et elle n'est appelée QUE si le navigateur est différent d'IE6.

    J'imagine donc que cette portion de code n'est pas utile?

    Par quoi pourrais-je remplacer:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    body { background: url(null) fixed ; }
    Par

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    body { background: none; }
    ?

    Ou en ne mettant rien à la place?

  4. #4
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Effectivement cette portion de code n'est pas utile si ce n'est pour IE6. Tu peux tout virer
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    /* emulation fixed IE */
    html>body .menuGeneral { position: fixed; }
    html[xmlns] .menuGeneral { position: fixed; }
    body { background: url(null) fixed ; }
    .menuGeneral{position: relative;top:expression(documentElement.scrollTop+body.scrollTop);}
    /* fin de l'émulation fixed IE */
    sauf la ligne
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    html>body .menuGeneral { position: fixed; }
    qui est nécessaire si le positionnement fixed n'est pas déjà attribué ailleurs dans le code (s'il l'est, tu peux la virer aussi).

    Citation Envoyé par SleTT Voir le message
    Par quoi pourrais-je remplacer:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    body { background: url(null) fixed ; }
    Par

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    body { background: none; }
    ?

    Ou en ne mettant rien à la place?
    Remplacer comme tu le proposes n'est pas une bonne idée parce que l'instruction sera interprétée par tous les navigateurs et, si tu as, plus haut dans ton css, une attribution d'un background sur le body (avec la même spécificité du selecteur) tu risques d'annuler ton fond.
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  5. #5
    Membre averti
    Homme Profil pro
    Développeur JAVA/PHP
    Inscrit en
    Mai 2008
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur JAVA/PHP

    Informations forums :
    Inscription : Mai 2008
    Messages : 61
    Par défaut
    Ok, je te remercie, j'ai compris le principe, tu es au top !

    Par contre, je vais donc enlever la portion de code comme tu me l'as conseillé dans la feuille de style qui gère les navigateurs autres que IE6, mais je suis curieux quand même, mettre un

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background: url(null) fixed ;
    ça a un interêt pour IE6?

    Parce qu'au final, on set le background à..... rien, et on met ce rien en fixed non..? Du coup, je vois pas trop l'utilité de la chose..

  6. #6
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Insensé ?! Bienvenu dans le monde merveilleux d'IE6 ^^

    Ce petit hack devait permettre d'éviter des saccades sur l'effet de fixed lorsqu'on scrollait. Je ne saurais te donner plus de détails je n'ai jamais perdu mon temps à émuler du fixed sur IE6, même à l'époque
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Image avec background:url superposée au texte
    Par Jolt0x dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 25/01/2014, 01h30
  2. Répéter une image sans background(url)
    Par lepas33 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 08/03/2011, 18h37
  3. background : # + background: url simultanément
    Par petitevero dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 02/03/2011, 18h07
  4. plusieurs background:url dans un meme div
    Par samspitz dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 18/02/2009, 16h45
  5. lecture des propriétés d'un fichier .URL (favoris)
    Par yinyin dans le forum Windows
    Réponses: 8
    Dernier message: 18/11/2005, 11h36

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo