Header qui s'affiche mal sur IE et Chrome

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

Résolu Header qui s'affiche mal sur IE et Chrome

Message par exo-6 le Jeu 27 Mar 2014 - 21:41

Bonjour le FdF,

J'ai un problème avec le header de mon forum (phpbb2), modifié façon phpbb3 grâce à l'astuce de Ce tutoriel. Il s'affiche bien sur Firefox, mais ça foire sur Chrome et IE (pas testé les autres navigateurs).

Affichage correct sur Firefox :



Affichage sur Chrome et IE :



Voici le CSS de mon header :

Code:
.headerbar {
background-attachment: scroll;
background-color: #color;
background-image: url("http://img15.hostingpics.net/pics/126870entetedragon.png") ;
background-repeat: no-repeat;
background-position: top center;
}

J'aimerais si possible corriger le problème et rendre l'affichage identique à celui de Firefox, sur tous les navigateurs...

Merci d'avance pour votre secours.

PS : Au passage, si vous savez me dire comment on peut mettre un header changeant selon la section ou le sous-forum sur lequel on se trouve, je vous béni. edente


Dernière édition par exo-6 le Sam 29 Mar 2014 - 17:58, édité 1 fois

exo-6
***

Masculin
Messages : 133
Inscrit(e) le : 18/09/2006

http://www.bionifigs.com
exo-6 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui s'affiche mal sur IE et Chrome

Message par Neptunia le Ven 28 Mar 2014 - 0:03

Bonjour !!


Pour commencer votre CSS contient une erreur
background-color: #color;

Ca pourrait suffire pour corriger le souci.
Pour ma part avec Google Chrome 33 j'ai le même rendu que vous sous Firefox. Header complet et toolbar visible.

Pour votre PS et afin de faciliter les recherches ultérieures, merci d'ouvrir un nouveau sujet.

Neptunia
+ Hyperactif +

Féminin
Messages : 10974
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui s'affiche mal sur IE et Chrome

Message par exo-6 le Ven 28 Mar 2014 - 2:50

Merci pour la réponse rapide, j'ai supprimé la ligne avec l'erreur, mais ça n'a rien changé sur IE (je n'ai plus Chrome sur la machine que j'utilise actuellement par contre). : |

Et c'est noté pour le post-scriptum. Wink

exo-6
***

Masculin
Messages : 133
Inscrit(e) le : 18/09/2006

http://www.bionifigs.com
exo-6 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui s'affiche mal sur IE et Chrome

Message par Adam_sfp le Ven 28 Mar 2014 - 18:35

Bonjour

Vous pouvez tester de mettre une Id
Dans  le template "overall_header" rechercher
Code:
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->

et mettre
Code:
<table id="headerbar" width="100%" cellspacing="0" cellpadding="0" border="0">
 <tr>
 <!-- BEGIN switch_logo_left -->

Ensuite dans votre CSS
Code:
        #headerbar {
        background-attachment: scroll;
    
        background-image: url("http://img15.hostingpics.net/pics/126870entetedragon.png") ;
        background-repeat: no-repeat;
        background-position: top center;
        }

---------------------------------------------------------------------------
Sinon la possibilité de mettre l'image via un script
Code:
$(function(){
          $('#headerbar').css('background-image', 'url(" http://img15.hostingpics.net/pics/126870entetedragon.png ")');
          });

Puis d'utiliser ce tuto
Exécuter un code javascript sous certaines conditions
http://forum.forumactif.com/t310825-executer-un-code-javascript-sous-certaines-conditions

et à ce moment la pouvoir choisir de la faire apparaitre en fonction de la section ou sous forum..

Cdt.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui s'affiche mal sur IE et Chrome

Message par exo-6 le Sam 29 Mar 2014 - 17:58

Cela semble marcher. Merci beaucoup !

Pour l'image du header changeant selon la section par contre, le tuto me parait plutôt compliqué pour mon niveau, je ne comprends vraiment pas tout. :/

exo-6
***

Masculin
Messages : 133
Inscrit(e) le : 18/09/2006

http://www.bionifigs.com
exo-6 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui s'affiche mal sur IE et Chrome

Message par Adam_sfp le Sam 29 Mar 2014 - 18:17

@exo-6 a écrit:

Pour l'image du header changeant selon la section par contre, le tuto me parait plutôt compliqué pour mon niveau, je ne comprends vraiment pas tout. :/

Bonjour

Je vous rassure  je ne comprend pas tout non plus ;-)
Sur quel section voulez vous faire apparaitre le header?

cdt.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp 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