Décalage de la barre de navigation suivant le navigateur
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Décalage de la barre de navigation suivant le navigateur
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 .
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 :
• 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
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 .
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 :
• 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
Re: Décalage de la barre de navigation suivant le navigateur
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.
Cordialement,
Jonas
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.
Cordialement,
Jonas
Re: Décalage de la barre de navigation suivant le navigateur
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
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
Re: Décalage de la barre de navigation suivant le navigateur
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
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 , sinon il est possible d'appliquer un script qui lance un css en fonction du navigateur ??
Re: Décalage de la barre de navigation suivant le navigateur
Re,
On essai en ajustant pour IE de base, puis de mettre les hacks Chrome et Safari, Mozilla et Opera :
Charger un script pour quelque chose qu'on peut faire en CSS n'est pas nécessaire je pense .
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 .
Re: Décalage de la barre de navigation suivant le navigateur
Re,
Merci beaucoup Selfde
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é .
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 Selfde
Merci beaucoup Selfde
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é .
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 Selfde
Sujets similaires
» décalage de la barre de navigation (invision)
» Décalage de la barre de navigation
» Décalage Barre de navigation en haut
» Décalage dans la barre de navigation
» Décalage complet de la barre de navigation !
» Décalage de la barre de navigation
» Décalage Barre de navigation en haut
» Décalage dans la barre de navigation
» Décalage complet de la barre de navigation !
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum