Un décalage étrange

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

Résolu Un décalage étrange

Message par Hyeki le Mer 21 Mai 2014 - 17:48

Bien le bonjour !
Je suis en pleine création de forum pour une amie. Je change quelques petits éléments pour commencer, de chose qui me déplaise. Ca se passe très bien. Je passe sur firefox (je travaille depuis chrome) et je remarque que le placement de ma barre de navigation n'est pas du tout le même d'un browser à un autre. Je voudrais savoir si vous auriez une solution à me proposer, voir un code plus propre.

Voilà ce que ça donne sur les deux navigateur :

Sur Chrome ça colle bien au header, mais sur Firefox y a un décalage que je pensais avoir réglé avec mon CSS que voici :
Code:
.navigation{
text-align: center;
margin-top: -47px;
width: 850px;
height : 22px;
background-color: #B3130A;
}

En espérant que quelqu'un puisse me venir en aide.


Dernière édition par Hyeki le Mer 21 Mai 2014 - 19:24, édité 1 fois

Hyeki
**

Messages : 59
Inscrit(e) le : 21/05/2014

http://www.aucun.com
Hyeki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un décalage étrange

Message par Great Alex le Mer 21 Mai 2014 - 18:05

A mon avis, c'est juste parce que tu es connecté sur l'un mais ne l'est pas sur l'autre. Essaye de te connecter ou te déconnecter sur les deux, ça devrait devenir identique Smile

Great Alex
Nouveau membre

Messages : 13
Inscrit(e) le : 21/05/2014

http://pro-wrestling-force.1fr1.net/
Great Alex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un décalage étrange

Message par Hyeki le Mer 21 Mai 2014 - 18:15

Dans le doute, j'ai essayé (même si ça me semblait un peu improbable). Que je sois connecté ou déconnecté, d'un browser à l'autre ça ne change rien =3
Merci d'avoir tenté ^^

Hyeki
**

Messages : 59
Inscrit(e) le : 21/05/2014

http://www.aucun.com
Hyeki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un décalage étrange

Message par FANCH 56 le Mer 21 Mai 2014 - 18:22

Bonsoir

As-tu essayé

Code:
margin-top: auto;

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un décalage étrange

Message par Hyeki le Mer 21 Mai 2014 - 18:33

Le margin-top: auto repositionne la barre de navigation à sa place initial

Hyeki
**

Messages : 59
Inscrit(e) le : 21/05/2014

http://www.aucun.com
Hyeki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un décalage étrange

Message par Neptunia le Mer 21 Mai 2014 - 18:40

Bonjour, et bienvenue sur le Forum des Forums Forumactif


Avec l'adresse du forum concerné, ça serait déjà plus simple de trouver la cause.

Neptunia
+ Hyperactif +

Féminin
Messages : 10963
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: Un décalage étrange

Message par FANCH 56 le Mer 21 Mai 2014 - 18:41

Code:

vertical-align: middle;

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un décalage étrange

Message par Hyeki le Mer 21 Mai 2014 - 18:42

Je vous l’insère dans ce poste dans ce cas (c'est simplement que les admins ne voulaient pas le rendre publique tant que ce n'était pas finalisé ^^')


Dernière édition par Hyeki le Mer 21 Mai 2014 - 19:17, édité 1 fois

Hyeki
**

Messages : 59
Inscrit(e) le : 21/05/2014

http://www.aucun.com
Hyeki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un décalage étrange

Message par Neptunia le Mer 21 Mai 2014 - 18:53

Pour ma part j'ai exactement le même rendu avec Comodo Dragon 33 et Firefox 28 que vous sous Chrome.

Deux pistes qui me viennent à l'esprit.

- Un bogue des versions plus récentes de Firefox (suis resté sur la 28 volontairement) et éviter les versions bêta.

- Une extension installée sur Firefox qui crée ce décalage.

Neptunia
+ Hyperactif +

Féminin
Messages : 10963
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: Un décalage étrange

Message par Self le Mer 21 Mai 2014 - 19:03

Bonjour,k

Essayez de placer ce code CSS :
Code:
@-moz-document url-prefix()
{
    span.gen{
        font-size:8px;
    }
}

Cordialement Smile .

Self
+ Hyperactif +

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

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un décalage étrange

Message par Hyeki le Mer 21 Mai 2014 - 19:06

J'étais restée à une version assez ancienne et je l'ai mis à jours après constation du soucis. La mise à jour n'a évidemment rien réglé, je ne sais donc pas trop comment y remédier. Y aura un code destiné à firefox même concernant les padding/margin ou il choisit un peu plic ploc ce qu'il applique ?
Ca m'ennuie un peu car en fonction des version des futurs utilisateurs du forum, ils ne verront pas le résultat souhaité. Et je me vois mal forcé tout le monde a utiliser chrome pour un rendu visuel meilleur =/

@ SeLfde4Th7, j'ai tenté avec le code fournis, aucun changement visible. D'ailleurs, que veux dire cette propriété ? °.°

Hyeki
**

Messages : 59
Inscrit(e) le : 21/05/2014

http://www.aucun.com
Hyeki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un décalage étrange

Message par Self le Mer 21 Mai 2014 - 19:11

Bonjour,

Essayons donc comme ceci :
Code:
span.gen{
    font-size:8px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    span.gen{
        font-size:12px;
    }
}

Il s'agit en faite de hack CSS permettant de cibler un ou plusieurs navigateurs pour y aplliquer la modification sans toucher à l'état actuel pour les autres navigateur, mais celui ciblant firefox ne semble pas fonctionner Sad.

Self
+ Hyperactif +

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

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un décalage étrange

Message par Hyeki le Mer 21 Mai 2014 - 19:14

Ce code-ci fonctionne *miracle* !
Merci beaucoup !
Pour ne pas être trop idiote ou me demander plus tard ce que c'est exactement, est-ce que je peux demander pourquoi on parle ici de font-size plutôt que d'un margin ? Ça m’intrigue beaucoup. Quoi qu'il en soit, je peux considéré mon problème comme entièrement résolue, il ne reste plus que ma curiosité à assouvir XD
Encore un grand merci ♥

Hyeki
**

Messages : 59
Inscrit(e) le : 21/05/2014

http://www.aucun.com
Hyeki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un décalage étrange

Message par Self le Mer 21 Mai 2014 - 19:29

Re,

L'on parle de font-size parce que c'est à cause de la description du forum que ce décalage est présent.
Cependant avez vous vérifié le fonctionnement sous IE, si maintenant un décalge n'est pas présent sur celui-ci ?

Self
+ Hyperactif +

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

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un décalage étrange

Message par Hyeki le Mer 21 Mai 2014 - 19:47

Oh, je comprends un peu mieux.
Sur IE, il n'y a aucun décalage, mais la taille de la barre n'est pas la même, elle semble être rogner par le header (mais ça c'est IE, c'est jamais très beau sur ce navigateur). Le problème est pas énorme disons, le positionnement est bon, juste la taille qui diffère un peu du coup.

Hyeki
**

Messages : 59
Inscrit(e) le : 21/05/2014

http://www.aucun.com
Hyeki 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