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

HTML Discussion :

Priorité d'affichage des image de fond.


Sujet :

HTML

  1. #1
    Membre éclairé Avatar de Death83
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 1 667
    Points : 878
    Points
    878
    Par défaut Priorité d'affichage des image de fond.
    Salut a tous,
    j'ai un petit de soucis de compabilité entre IE et FF.

    Je m'explique:
    J'ai fait un cadre en 3 partie. (top, middle, et bottom)
    pour prendre moin de place j'ai fait un magin negatif afin de seerer l'image du bas vers le haut.
    Mon probleme: Sur FF c'est l'image du fond de la partie middle qui est prioritaire, sur IE c'est celle du bas et donc le texte est mordu en bas.

    Savez vous comment faire pour y remédier?


    voila le code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <div class="centerbottomtop" >
     
    		</div>
    		<div class="centerbottom" >
    			<? include &#40;'include/enligne.php'&#41;; ?>
    		</div>
    		<div class="centerbottomdown" >
     
    		</div>
    et leCSS:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    .centerbottomtop
    &#123;
    	padding&#58;0;
    	margin&#58;0;
    	margin-left&#58; 3px;
     
    	background-image&#58; url&#40;../imagesite/enlignetop.jpg&#41;;
    	background-color&#58;#07071B;
    	width&#58; 699px;
    	height&#58; 39px;
    &#125;
    .centerbottom
    &#123;
    	margin&#58;0;
    	padding&#58;0;
     
    	margin-left&#58; 3px;
     
    	width&#58; 699px;
    	height&#58; auto;
    	background-color&#58; #07071B;
    	background-image&#58; url&#40;../imagesite/enlignemiddle.jpg&#41;;
    	text-align&#58;center;
    &#125;
    .centerbottomdown
    &#123;
     
    	padding&#58;0;
    	margin&#58;0;
    	margin-left&#58; 3px;
    	margin-top&#58; -10px;
    	background-image&#58; url&#40;../imagesite/enlignedown.jpg&#41;;
    	width&#58; 699px;
    	height&#58; 40px;
    	background-color&#58; #07071B;
    &#125;
    manganimes (en construction) -
    zemanga

  2. #2
    Membre émérite
    Avatar de Nesmontou
    Homme Profil pro
    Architecte logiciel
    Inscrit en
    Septembre 2004
    Messages
    1 612
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Architecte logiciel
    Secteur : Finance

    Informations forums :
    Inscription : Septembre 2004
    Messages : 1 612
    Points : 2 969
    Points
    2 969
    Par défaut
    Qu'est-ce que tu entends pas "prioritaire" :
    Si tu veux parler de l'ordre de superposition des images, tu peux voir du côté de la propriété z-index
    Si vous ne pouvez expliquer un concept à un enfant de six ans, c'est que vous ne le comprenez pas complètement. Albert EINSTEIN

    F.A.Q. : Java, PHP, (X)HTML / CSS

    N'oubliez pas de cliquer sur le bouton Résolu en bas de page quand vous avez obtenu une solution à votre problème

  3. #3
    Membre éclairé Avatar de Death83
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 1 667
    Points : 878
    Points
    878
    Par défaut
    En fait j'ai 3 blocs les un par dessus les autres.

    Sur celui du milieu j'ai mis un texte. Et lorsque je fais des margin negatif afin de resser les blocs (donc le blocs du dessus descend sur celui du milieu et celui de dessous remonte dessus).

    Je voudrais que mon texte ne soit pas effecer par l'image de fond du bloc d'en as et d'en haut. Je voudrais donc que le texte soi prioritaire et afficher par dessus tout le reste.

    C'est possible?
    manganimes (en construction) -
    zemanga

  4. #4
    Membre émérite
    Avatar de Nesmontou
    Homme Profil pro
    Architecte logiciel
    Inscrit en
    Septembre 2004
    Messages
    1 612
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Architecte logiciel
    Secteur : Finance

    Informations forums :
    Inscription : Septembre 2004
    Messages : 1 612
    Points : 2 969
    Points
    2 969
    Par défaut
    Pour ton bloc central, tu mets z-index: 2, et pour les 2 autres z-index: 1;
    Si vous ne pouvez expliquer un concept à un enfant de six ans, c'est que vous ne le comprenez pas complètement. Albert EINSTEIN

    F.A.Q. : Java, PHP, (X)HTML / CSS

    N'oubliez pas de cliquer sur le bouton Résolu en bas de page quand vous avez obtenu une solution à votre problème

Discussions similaires

  1. problème lors de l'affichage des images de fond
    Par toutouz dans le forum VC++ .NET
    Réponses: 0
    Dernier message: 10/05/2011, 15h21
  2. affichage d'image en fond d'un sous état
    Par Tierisa dans le forum IHM
    Réponses: 1
    Dernier message: 18/04/2006, 10h15
  3. Réponses: 3
    Dernier message: 14/04/2006, 10h32
  4. [XML/CSS/XSL] Problème d'affichage des images "dynamiqu
    Par popol55 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 06/04/2006, 17h24
  5. Mauvais affichage des images et message d'erreur
    Par SLAM JACK dans le forum Langage
    Réponses: 3
    Dernier message: 29/03/2006, 19h11

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