Background invisible sous internet explorer

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Background invisible sous internet explorer

Message par Gorgorbey le Jeu 26 Mai 2011 - 7:04

Bonjour,

Hier soir j'ai commencé à voir ce que donnais mon forum sur les autres navigateurs que Mozilla Firefox. Sous Chrome c'est nickel mais sous IE le background est tous simplement invisible.
C'est un fond d'écran adapté par CSS, voici le code :
Code:
body {
background-image: url(http://i22.servimg.com/u/f22/15/72/69/52/bannia10.png), url(http://img534.imageshack.us/img534/7882/fondy.jpg);
background-position: center top, left top;
background-repeat: no-repeat, repeat;
background-attachment: scroll;
background-size: 100% 325, auto;
}

Une petite idée de la cause de ce problème ?
Mon forum est dans mon profil.

Merci d'avance.

Amicalement.


Dernière édition par Gorgorbey le Lun 30 Mai 2011 - 20:56, édité 1 fois

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par SoraNoHime le Jeu 26 Mai 2011 - 7:11

Bonjour Gorgorbey,

Je pense que IE doit pas apprécier le suivi de deux images en background.

Essaie en n'en mettant qu'une seule pour voir la différence.

COrdialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Gorgorbey le Jeu 26 Mai 2011 - 7:18

Je viens d'essayer avec une seule et cela marche. Y a-t-il moyen de contourner ce problème ?

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par SoraNoHime le Jeu 26 Mai 2011 - 7:19

En fait, pourquoi as-tu deux images à la suite ?

Le seul moyen que je vois serait de les regrouper visuellement en une seule, sinon le problème sera toujours d'actualité.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Gorgorbey le Jeu 26 Mai 2011 - 7:23

Et bien avant c'était une seule et même image. Le problème est que au chargement du forum (précédent sujet^^) le background mettais longtemps à charger... Du coup on l'a découpé en deux parties :
- la bannière qui s'adapte à la taille de la fenêtre et de l'écran
- le fond gris qui se répète à l'infini

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par SoraNoHime le Jeu 26 Mai 2011 - 7:35

Et en séparant les deux fonctions. Cela marche-t-il ? Je m'explique, une partie réservée à ton background donc :

Code:
    body {
    background-image: url(http://img534.imageshack.us/img534/7882/fondy.jpg);
    background-position:  left top;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: auto;
    }

et une autre pour le logo

Code:
    #i_logo {
    background-image: url(http://i22.servimg.com/u/f22/15/72/69/52/bannia10.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100% 325, auto;
    }

Ps : Si je me suis plantée dans l'intérieur des codes, ou que j'ai mélangé, modifie ^^

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Gorgorbey le Jeu 26 Mai 2011 - 7:39

Avant de tester une précision. Je n'ai pas de logo à proprement parler. Mon logo est au niveau du background donc je pense que #i_logo ne marchera pas si ? Wink

Je dois partir je re plus tard.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par SoraNoHime le Jeu 26 Mai 2011 - 7:41

Le logo fonctionne même s'il n'y a rien dedans, la class est bien dans le template dont apparait.

A plus tard pour savoir si le test a marcher.

Amicalement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Gorgorbey le Jeu 26 Mai 2011 - 12:36

J'ai laissé que tu puisses voir.
Le logo n'apparaît pas je pense que ce code ne marche pas :
Code:

#i_logo {
background-image: url(http://i22.servimg.com/u/f22/15/72/69/52/bannia10.png);
background-position: center top;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: 100% 325, auto;
}

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par SoraNoHime le Jeu 26 Mai 2011 - 12:40

A essayer aussi avec ces balises : i_logo, i_logo img, #i_logo img

Je ne connais pas bien encore cette class, mais elle apparait meme si effectivement l'image n'apparait pas.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Gorgorbey le Jeu 26 Mai 2011 - 12:44

Non toujours pas Wink

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Background invisible sous internet explorer

Message par Convivialite le Jeu 26 Mai 2011 - 12:45

Hello

dans le css , il faut souvent mettre les tailles
Code:

#i_logo {
background-image: url(http://i22.servimg.com/u/f22/15/72/69/52/bannia10.png);
background-position: center top;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: 100% 325, auto;
width:1920px;
height: 333px;
}

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Gorgorbey le Jeu 26 Mai 2011 - 12:51

Oui mais j'aimerai que le logo soit collé en haut et qu'il s'adapte à la taille de l'écran^^

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Convivialite le Ven 27 Mai 2011 - 8:08

Bonjour

une idée lol!

comme tu as ta bannière en 1920px
pourquoi tu n'applique pas le tuto de résolution d’écran ?

tu la colle sur le fond gris , comme au départ et il ne te reste plus qu'a redimensionner le tout , se serait beaucoup plus simple

j'ai essayé pas mal de chose et c'est la solution qui m'a parut la meilleure

Amicalement

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Gorgorbey le Ven 27 Mai 2011 - 19:23

Tu veux que je refasse le tuto que j'ai fait au début et que je disais que ça allait pas ?^^

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Convivialite le Ven 27 Mai 2011 - 19:44

je parle de ce tuto

http://forum.forumactif.com/t286701-image-de-fond-changeante-selon-la-resolution-du-visiteur?highlight=couleur+de+fond+de+pub

au départ , tu avais des prob car ton image n'allait pas , elle etait trop petite

http://forum.forumactif.com/t304843-lenteur-de-chargement-du-background#2668529

mais si tu part avec ton logo de 1920px que tu colle sur un fond gris qui ferait
1920px X 1024 px

en redimensionnant tes images
le tuto te donnerait un fond adaptable a tous les écrans

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Gorgorbey le Ven 27 Mai 2011 - 21:30

Code:
var bg= "http://i22.servimg.com/u/f22/15/72/69/52/backgr14.jpg";

if(screen.width < 801) bg="http://i22.servimg.com/u/f22/15/72/69/52/backgr10.png";
else if(screen.width < 1025) bg="http://i22.servimg.com/u/f22/15/72/69/52/backgr15.jpg";
else if(screen.width < 1281) bg="http://i22.servimg.com/u/f22/15/72/69/52/backgr16.jpg";
else if(screen.width < 1601) bg="http://i22.servimg.com/u/f22/15/72/69/52/backgr17.jpg";

document.body.style.backgroundImage="url("+bg+")";

Voilà le code. Et ce n'est toujours pas bon...

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Convivialite le Sam 28 Mai 2011 - 7:26

Hello

qu'est ce que tu trouve qui n'est pas bon ?

voici ce que je vois sur ton forum



en taille réelle


https://i26.servimg.com/u/f26/13/66/42/68/143.jpg

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Gorgorbey le Sam 28 Mai 2011 - 11:40

Moi ça donne ça :


De plus il n'y a pas de fond sous IE^^

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Convivialite le Sam 28 Mai 2011 - 11:56

Bizarre ton truc lol!

sous IE , j'ai le fond

https://i26.servimg.com/u/f26/13/66/42/68/220.jpg

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Gorgorbey le Sam 28 Mai 2011 - 12:03

Il n'y a pas une option sous IE et/ou Firefox pour régler ces soucis ?

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Gorgorbey le Sam 28 Mai 2011 - 12:06

Je voudrais également que le fond ne soit pas fixe et se déroule à l'infini en hauteur quelque soit la longueur du message.

Code:
var bg= "http://i22.servimg.com/u/f22/15/72/69/52/backgr14.jpg";

if(screen.width < 801) bg="http://i22.servimg.com/u/f22/15/72/69/52/backgr10.png";
else if(screen.width < 1025) bg="http://i22.servimg.com/u/f22/15/72/69/52/backgr15.jpg";
else if(screen.width < 1281) bg="http://i22.servimg.com/u/f22/15/72/69/52/backgr16.jpg";
else if(screen.width < 1601) bg="http://i22.servimg.com/u/f22/15/72/69/52/backgr17.jpg";

document.body.style.backgroundImage="url("+bg+")";

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Gorgorbey le Dim 29 Mai 2011 - 11:19

UP

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Convivialite le Lun 30 Mai 2011 - 16:23

J'ai testé plusieurs choses

pas trouvé , désolée



Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background invisible sous internet explorer

Message par Gorgorbey le Lun 30 Mai 2011 - 20:56

Tant pis je lock.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum