Mac4Ever Refurb Store Guide d'achat Apple - Des conseils sur toute la gamme Apple Débuter sur Mac
Mac4Ever.com - Toute l\'actualité Apple, iPhone, iPad, iPod et Mac - Mise à jour quotidienne
Actu Dossiers Forum Photos/Podcasts Petites Annonces
Icône recherche
Annuler la recherche
3272 connectés

Bugs d'affichage de mon site selon le navigateur

Un site à développer ? Un serveur récalcitrant ? Une extension à coder ? Du CSS au PHP, tout est là !

Modérateurs : Odibi, Grumff, Bicus, Nix, Linschn, Phénix, yellowiscool

Bugs d'affichage de mon site selon le navigateur

Message par Azzedine le 26/04/15, 13:58

Bonjour,
N'étant pas professionnel du web mais ayant tout de même quelques vielles notions en logique j'ai décidé de faire mon site moi même à l'aide du logiciel mac Flux IV (assez peu répandu). Pour deux ou trois choses spécifiques je suis allé chercher des bouts de code sur internet et je les ai adaptés (pour ces parties tout va bien d'ailleurs). J'ai contrôlé mon site dans Safari sur le mac et tout est OK donc j'ai posté le site dans un sous domaine isolé le temps de faire contrôler par d'autres yeux. Après une résolution d'un bug qui donnait l'adresse du CSS en local au lieu de laisser juste le nom du fichier (puisque dans le même répertoire). Bref, ceci réglé j'affiche le site dans Safari Mac c'est OK, je vais voir chez un ami beurkiste et certaines zones se chevauchent... Intrigué je regarde dans un Safari iPad et là le bug de chevauchement s'affiche. J'ai voulu contrôler avec Firefox sur le mac et effectivement il y a chevauchement, seul problème : je ne peux pas m'appuyer sur ce que je vois dans Firefox vu qu'il a cette cochonnerie de malware "MacVx" installé et impossible de le virer avec adware medic. J'ai quand même essayé de voir dans le code mais je ne sais pas comment régler l'erreur du faite de mon novisme.
Après quelques investigations et essais j'ai pu résoudre partiellement le problème, en faite dans Safari pour ordinateur ou chrome l'interligne par défaut est de 1,15 comme visualisé dans Flux ce qui fait que je positionnais mes div pour cet espacement. Par contre Opera le met à 1 et Firefox doit le mettre à 1,2, ce qui fait que tout est décalé, dans Opera ça laisse un vide et dans Firefox les zones se chevauchent parfois. J'ai donc redéfinit l'interligne à 1,15 pour éviter de tout devoir recalculer. Désormais tout va bien sur Chrome, Safari (Mac ou iBidules) et Opera, mais, visiblement, le bug persiste dans Firefox et Internet explorer comme si ceux-ci n'en faisaient qu'à leur tête, imposant la valeur de l'interligne au détriment des définitions dans le code... Quelle solution pour régler cela? J'ai pu voir, qu'en France, ce qui compte pour moi, il y a une majorité de Chrome et qu'internet explorer arrive en troisième position mais Firefox est second, ça fait que je dois me passer d'à peu près de 45% du marché, ce qui est inacceptable. Qu'est-ce qui ne va pas? comment résoudre ce bug? Y a t'il d'autres erreurs (dans le code ou ailleurs) dans le site?
Le site : http://test.azzedesign.com
Merci d'avance à tous ceux qui pourraient m'aider à corriger ce qui ne va pas.
Azzedine
Mac4Everien confirmé
 
Message(s) : 134
Inscription : 20/04/11, 15:19

Re: Bugs d'affichage de mon site selon le navigateur

Message par Bicus le 26/04/15, 14:35

Je pense que tu fais fausse route avec des DIV placés en absolute en pixels, surtout s'agissant de contenu texte.

Habituellement, sauf contrainte de mise en page très précise, c'est plutôt le contenu texte qui détermine la taille du div (et donc la position des suivants, dans une chaîne de DIV flottants). Ça te simplifiera grandement la vie le jour où tu voudra faire un design responsif (qui s'adapte à la largeur de l'écran, par exemple), et/ou le jour où tu voudras changer de police, en augmenter la taille, ou même ajouter quelques mots dans un des DIV : une fois que les flottants sont bien paramétrés, tout ça s'ajuste tout seul.

http://www.alsacreations.com/article/lire/53-guide-de-survie-du-positionnement-css.html

Mais c'est initialement plus contraignant de faire du relative float que de tout faire en absolute fixed, c'est clair ;-)
En dessous de ce trait c'est ma signature automatique, qui n'a pas forcément de rapport avec ma réponse ci-dessus
Dans le doute, dites-vous que c'est de l'humour...
Liens utiles : Réparer les autorisations / Réinitialiser PRAM ou SMC / Safe Boot
Je ne fais pas de hotline par message privé : le forum est là pour y poser ses questions !
Avatar de l’utilisateur
Bicus
Mac4Ever's Flood
 
Message(s) : 29896
Inscription : 02/03/04, 9:41
Localisation : Strasbourg / Belfort

Re: Bugs d'affichage de mon site selon le navigateur

Message par Azzedine le 26/04/15, 18:07

Ok j'ai lu mais concrètement je suis une grosse tanche donc j'ai pas du tout compris comment faire pour adapter à ce que je veux faire. En gros tu vois souvent il y a une image d'un coté ou d'un autre et le texte s'insère de l'autre coté sans déborder sur l'image (qui a une bordure de 30 pixels). Dans ma façon de proceder ça ne va pas car je détermine les dimentions des divs et leur positions, ce qui, j'ai bien compris, ne va pas pour du texte. Mais comment, dans ce cas et concrètement, faire pour que le texte s'insère correctement sans déborder sur les images à droite ou à gauche? Quand je l'ai fait dans Flux IV (le logiciel hein...) le texte débordait toujours ou alors il ne s'insérait pas sur toute la largeur mais restait d'un coté et l'image de l'autre.
Je suis perdu dans tant de technique.
Azzedine
Mac4Everien confirmé
 
Message(s) : 134
Inscription : 20/04/11, 15:19

Re: Bugs d'affichage de mon site selon le navigateur

Message par Azzedine le 01/05/15, 19:39

Bon... J'ai essayé de comprendre ce qui se disait sur les sites comme alsacreation sur la façon d'utiliser et de déclarer dans le CSS mais, vu que personne ne sait expliquer concrètement, je n'ai rien compris. Et comme je ne veux pas un site sur un modèle basic, mais MON site comme je le veux, ça restera ainsi et aux chiottes Firefox PC et IE.
Bon, pour expliquer cela, j'ai un cerveau qui bloque intégralement dès qu'on se borne à expliquer de façon théorique, pour cela je n'ai jamais pu réussir mes études supérieures à cause des dérivées et des intégrales. Par contre je connais pratiquement toute la norme NFC 15-100 et je sais comment câbler n'importe quel appareillage électrique parce que c'est concret et non abstrait. J'e m'en sortait haut la main en informatique industrielle car les composant avaient une fonction concrète mais rien a faire des qu'on tombait sur une fonction dérivée ou intégrale car plus rien de concret pour moi (ou de la façon dont on me l'a expliqué). Ici pareil, les sites ne donnent pas la liste des éléments et leur fonction, la liste des fonctions et leur action, etc. mais se contentent d'expliquer de manière abstraite, pour cela je bloque dès la première ligne, la lire 100, 1000, 10000 ou même 100000000000000000000000000000000000000 fois n'y changera rien, je ne comprendrais pas de cette manière.
Ça se finira ainsi : soit on me l'explique concrètement, soit le site reste ainsi jusqu'à ce que je puisse payer un dev pour le faire (en France, vu le contexte fiscal, chaque politique se sera payé 15 villas à plusieurs millions avant que je réussisse à économiser 100 balles pour ça...).
Azzedine
Mac4Everien confirmé
 
Message(s) : 134
Inscription : 20/04/11, 15:19


Retour vers Programmation Web

Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 1 invité

Conseils d'achat

  • Macintosh

  • iPhone, iPad & iPod

iMac 27" 5k Indicateur vert Informations 03/2019 2099 € L'iMac 27" (Retina) a été mis à jour le 18 mars 2019 avec des modèles Coffee Lake ( 6 à 8 coeurs) et des GPU Radeon Vega. Vous pouvez acheter sans crainte, les iMac ne sont mis à jour qu'une fois tous les 12/18 mois en moyenne.
iMac 21,5" 4k Indicateur vert Informations 03/2019 1499 € L'iMac 21,5" (Retina) a été mis à jour le 18 mars 2019 avec des modèles Coffee Lake ( 6 à 8 coeurs) et des GPU Radeon Vega. Vous pouvez acheter sans crainte, les iMac ne sont mis à jour qu'une fois tous les 12/18 mois en moyenne.
Apple TV 4k Indicateur vert Informations 09/2017 199 € L'Apple TV 4k est une petite évolution de l'Apple TV pour les téléviseurs 4k. Il gère le HDR, le HDMI 2a et tous les codecs récents. Si vous avez une télévision OLED 4k, il s'agit du modèle idéal. Son prix est raisonnable par rapport à la version HD, qui reste au catalogue.
iMac Indicateur rouge Informations 06/2017 1299 € L'iMac 21,5" (non Retina) a été mis à jour le 5 juin 2017 avec Thunderbolt 3 et puces Kaby-Lake. On attendait des modèles Coffee Lake (à 6 coeurs) d'ici le courant du printemps/été 2019 mais Apple n'a pas renouvelé cette version.. qui ne vaut plus vraiment le coup en 2019.
iMac Pro Indicateur orange Informations 12/2017 5499 € L'iMac Pro est actuellement le Mac le plus puissant du marché, même s'il a déjà une bonne année d'existence. Apple a rajouté une petite option GPU Vega 64X et 256Go de RAM courant mars 2019, mais rien de bien folichon. N'hésitez pas à consulter nos tests et nos vidéos avant de vous décider ! A noter qu'Apple va sortir un Mac Pro courant/fin 2019, donc si vous n'êtes pas trop pressé, il sera + modulaire...
Mac Mini Indicateur vert Informations 10/2018 899 € Le Mac mini a été mis à jour fin 2018 avec un tout nouveau CPU à 4 coeurs. Pas de mise à jour prévue avant un moment, vous pouvez acheter sans crainte !
Mac Pro Indicateur rouge Informations 10/2013 3339 € Apple a annoncé un nouveau Mac Pro pour la rentrée, plus modulaire et moins fermé que la version actuelle. Attendez la rentrée !
MacBook Pro 13" Indicateur vert Informations 05/2019 1499 € Surprise ! Le MacBook Pro 13" (haut de gamme) a été mis à jour le 21 mai 2019, mais sans changement majeur : le CPU gagne 100MHz et Apple a installé un énième "nouveau" clavier censé régler le problème de blocage des touches. On espère une "vraie" nouvelle version en 2020. A noter que le modèle sans Touch Bar (entrée de gamme) a été remplacé par une version quad-core avec Touch Bar le 9 juillet 2019, plutôt intéressante malgré le SSD faiblard.
MacBook Pro 15" Indicateur vert Informations 05/2019 2799 € Surprise ! Le MacBook Pro 15" a été mis à jour le 21 mai 2019, avec une nouveauté de taille (la seule) : le CPU passe à 8 coeurs sur le haut de gamme et Apple a installé un énième "nouveau" clavier censé régler le problème de blocage des touches. On espère une "vraie" nouvelle version en 2020, il ne devrait (normalement) pas y avoir de nouveau modèle 15" cette année.
MacBook Air Indicateur vert Informations 07/2019 1349 € Le MacBook Air a fait son grand retour après 4 ans sans mise à jour ! Le 9 juillet 2019, il gagne un écran True Tone (mais c'est tout). Préférez plutôt le Refurb qui le propose à moins de 1000€ !
Apple TV 2015 Indicateur orange Informations 10/2015 159 € L'Apple TV 2015 est sortie fin 2015 et Apple le garde au catalogue malgré l'arrivée de la version 4k. Avec en prime, une petite baisse de prix ! Si vous n'avez pas de TV 4k, cela reste une bonne affaire.
À découvrir sur Mac4Ever
b 1  b 2 
app
A propos | Mentions légales | Contacts | Emploi | RSS | Apps