Décalage de la barre de navigation suivant le navigateur

2 participants

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

Résolu Décalage de la barre de navigation suivant le navigateur

Message par soul.eater Ven 16 Mai 2014 - 9:04

Bonjour très chers Actif,

Je reviens vers vous aujourd'hui pour faire appel à vos lumières car je rencontre un soucis inexpliqué de décalage de la barre de navigation en fonction du navigateur. En ce moment je suis en train de préparer un nouveau design sur un forum "test" pour ma communauté (http://designrdlm.forumactif.fr/), arrivant proche de la fin j'ai souhaité vérifier le bonne affichage de celui-ci sur plusieurs navigateurs et je n'ai pas le même rendu à quelques pixel près  Crying or Very sad.

La phase de création c'est effectué sur le navigateur chrome, j'ai appliqué la solution de fond de page en bannière et la barre de navigation se trouve juste au dessus de la ligne rouge mais par contre c'est différent pour firefox et internet explorer  aidez moi :

• Chrome (affichage correct) : https://i.servimg.com/u/f56/16/93/26/57/chrome10.jpg

• Internet Explorer (décalage de 1px vers le bas) : https://i.servimg.com/u/f56/16/93/26/57/intern10.jpg

• Firefox (décalage d'environ 5px vers le bas) : https://i.servimg.com/u/f56/16/93/26/57/firefo10.jpg

Merci d'avance pour vos retours éventuels à ce sujet, Bonne journée,

Jonas
soul.eater

soul.eater
**

Masculin
Messages : 66
Inscrit(e) le : 20/06/2013

http://www.lesramollisdelamolette.org/
soul.eater a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage de la barre de navigation suivant le navigateur

Message par soul.eater Sam 17 Mai 2014 - 15:41

Bonjour,

Je suis toujours en cours de recherche sur le net pour trouver une solution à ce problème, j'ai trouvé des éléments en rapport avec l'utilisation des commentaires conditionnels mais je n'y comprend pas grand chose.  Embarassed  Embarassed  Embarassed 

Cordialement,

Jonas
soul.eater

soul.eater
**

Masculin
Messages : 66
Inscrit(e) le : 20/06/2013

http://www.lesramollisdelamolette.org/
soul.eater a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage de la barre de navigation suivant le navigateur

Message par Self Sam 17 Mai 2014 - 15:49

Re,

Pour cibler un navigateur particulié avec le CSS vous avez les hack CSS (expliqué ici) : http://devtype.fr/hacks/hacks-css-ie-firefox-safari-opera Wink
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage de la barre de navigation suivant le navigateur

Message par soul.eater Sam 17 Mai 2014 - 16:20

SeLfde4Th7 a écrit:Pour cibler un navigateur particulié avec le CSS vous avez les hack CSS (expliqué ici) : http://devtype.fr/hacks/hacks-css-ie-firefox-safari-opera Wink

Re Selfde,

J'ai tenté de le faire mais le ciblage que j'applique pour chrome se met en place sur les autres navigateurs et quand j'applique un "hack" css pour firefox il ne le prend pas en compte reflexion, sinon il est possible d'appliquer un script qui lance un css en fonction du navigateur ??

soul.eater

soul.eater
**

Masculin
Messages : 66
Inscrit(e) le : 20/06/2013

http://www.lesramollisdelamolette.org/
soul.eater a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Décalage de la barre de navigation suivant le navigateur

Message par Self Sam 17 Mai 2014 - 18:00

Re,

On essai en ajustant pour IE de base, puis de mettre les hacks Chrome et Safari, Mozilla et Opera :
Code:
.mainmenu{
   position: relative;
   top:-1px;
}

/*Mozilla*/
@-moz-document url-prefix(){
   a.mainmenu{
      top:-5px;
   }
}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){
   a.mainmenu{
      top:0;
    }
}

/*Opera*/   
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
   a.mainmenu{
      top:-15px;
   }
}

Charger un script pour quelque chose qu'on peut faire en CSS n'est pas nécessaire je pense Wink .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage de la barre de navigation suivant le navigateur

Message par soul.eater Sam 17 Mai 2014 - 18:42

Re,  

Merci beaucoup Selfde  Very Happy

J'ai du prendre comme base firefox car son hack ne fonctionnait pas, du coup il a l'alignement correct avec chrome, pour internet explorer j'ai toujours le décalage mais je crois que je vais finir par interdire d'utiliser ce navigateur aux membres de ma communauté Laughing.

Je place le sujet en résolu car j'ai tout les éléments nécessaires à ma demande, j'essairai de creuser un peu plus pour trouver une solution sous internet explorer.

Encore mille mercis Décalage de la barre de navigation suivant le navigateur  Smilies-religion-00009Selfde  Mr. Green I love you Affirmatif
soul.eater

soul.eater
**

Masculin
Messages : 66
Inscrit(e) le : 20/06/2013

http://www.lesramollisdelamolette.org/
soul.eater a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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