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 :

[CSS] background-image, pourcentage et mozilla


Sujet :

CSS

  1. #1
    Nouveau membre du Club
    Inscrit en
    Novembre 2003
    Messages
    62
    Détails du profil
    Informations forums :
    Inscription : Novembre 2003
    Messages : 62
    Points : 29
    Points
    29
    Par défaut [CSS] background-image, pourcentage et mozilla
    Bonjour,

    J'ai une page déclaré de cette façon:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    Une feuille de style de ce type:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    .bloc a{ height: 70px; width: 400px; 
    padding-top: 0px ; padding-right: 0px ; padding-bottom: 0px ; padding-left: 0px ; 
    display:block ; 
    background-color: #eaeaea; 
    border: 1px #CCCCCC solid; 
    background-attachment: fixed; 
    background-image: url(img3.jpg); 
    background-repeat: no-repeat; 
    background-position: right center}
    La déclaration du doc à permis un affichage identique sur ie et mozilla pour ce qui est de la taille des blocs, par contre, sur Mozilla l'image n'apparaît plus.

    Deuxième soucis, la page ne prend plus en compte les hauteurs en pourcentage, si bien que je n'arrive plus à étaler ma page vers le bas. J'ai bien tenté de rajouter un style et de la rajouter à mon tableau:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    .hauteur {height: 100%;
    }
    mais cela ne change rien sur ie, et decalle complètement l'affichage sur mozilla.

    Si quelqu'un à une idée.... merci

  2. #2
    Nouveau membre du Club
    Inscrit en
    Novembre 2003
    Messages
    62
    Détails du profil
    Informations forums :
    Inscription : Novembre 2003
    Messages : 62
    Points : 29
    Points
    29
    Par défaut
    Pour les images, j'ai trouvé:

    il faut simplement enlever la ligne:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background-attachment: fixed;
    et ça passe très bien sur les 2 navigateurs.


    Par contre, pour les hauteurs en pourcentage, je sèche...

Discussions similaires

  1. [CSS] background-image et atribut alt
    Par titoumimi dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 18/01/2006, 12h11
  2. [CSS] background-image: url("http
    Par Ghost Warrior dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 25/12/2005, 10h58
  3. [CSS] background-image ne s'affiche pas
    Par Ghost Warrior dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 25/12/2005, 01h29
  4. [CSS] background-image : 2 images
    Par ZeImp dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 18/07/2005, 00h59
  5. [CSS] Background-image étirée sur tout l'écran
    Par Amnesiak dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 04/03/2005, 12h24

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