Skip to main content Help Control Panel

 

support «   Besoin d'aide «  

positionnement fiable dans un theme

PreviousNextIndex

comment s'en sortir pour maitriser le positionnement des zones quelque soit le navigateur...

OwnerJmarc
Progress0%
WorkflowSupport request
StatusProblem has been recorded
  • Submission on Dec. 8 2010 by Jmarc

Avec l'aide de Thierry, un gros travail a été réalisé pour créer un nouveau thème pour mon site Nautical Trust.

Je butte cependant sur une succession de difficultés pour arriver à l'afficher correctement sur différents navigateurs. Pour y remédier, la solution adoptée actuellement consiste à introduire des cas particuliers dans le CSS.

Mais chaque fois que l'on corrige un point d'un côté, on génère potentiellement un autre problème d'un autre côté

Et je sens que lorsqu'un éditeur sort une nouvelle version de son navigateur, je risque encore d'avoir des surprises désagréables

Se pose également le problème des utilisateur qui modifie la taille d'affichage des polices dans leur navigateur (zoom)...

D'où ma question : quelle solution adopter pour limiter les problèmes avec les différents navigateurs ?

En me référant à mon expérience précédente sur Typo3 (template construit avec des <table>, très peu de css) je me demande s'il n'est pas plus fiable de batir son template en utilisant des bons vieux tableaux pour s'assurer que les différentes zones sont positionnées correctement et ne débordent pas les unes sur les autres...

Comment vous faites pour vous en sortir en environnement multi-navigateur ?


Alexis Raimbault
on Dec. 8 2010

Si approximatif que cela ? tu as un exemple ? parfois il faut définir certaines règles pour les mettre tous d'accord (marges, taille, etc.)




Alexis Raimbault webmaster free-lance
Jmarc - on Dec. 8 2010

Alexis : voici en PDF une synthèse des dernières anomalies trouvées sur la page http://nauticaltrust.com/13-aide


remarques-du-8-12.pdf

Jmarc
on Dec. 8 2010

Effectivement, en me documentant sur l'utilisation de tableaux pour la mise en page, ça donne pas envie :

  • code alourdi par l'imbrication de tableaux
  • sémantiquement incorrecte (pas fait pour)
  • moins bonne accessibilité : aux navigateurs, aux moteurs de recherche, aux machines, aux personnes handicapées
  • évolution plus difficile
  • etc

Il va peut être falloir que je me résigne à avoir un résultat approximatif selon les navigateurs


Jmarc
on Dec. 8 2010

Merci Alexis et JJ pour vos indications.

Thierry a travaillé sur le css spécifique aux IE 6 et 7 mais même avec IE 8, Chrome et Firefox, j'ai des surprises avec différences qui ont des impacts sur la qualité du résultat final

Donc, peut être que les tableaux sont "has been" mais si ça permet de fiabiliser tout en simplifiant, les visiteurs du site, ils s'en fichent.

Je vais éplucher les pages d'Alsacréation mentionnées par JJ pour essayer de me faire une meilleure idée avant de me lancer dans d'éventuels tests avec tableaux.


J.Juraver
on Dec. 8 2010

Effectivement, c'est laborieux, mais il vaut certainement mieux préférer une dégradation assumée et nivelée plutôt que se ranger derrière les antiques tableaux.

Un guide de survie que tu connais déjà peut-être ?

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




Je ne m'attarde pas, j'ai mon yacs en double file...

Yacs on my blog | Suivez le blog Yacs | Yacs Showroom | Plugin Firefox de recherche dans Yetanoz |

Alexis Raimbault
on Dec. 8 2010

Depuis quelques années il y a tout de même une convergence des comportements des navigateurs vers les standards W3C. Le plus souvent il faut une sauce spéciale pour IE6, 7 voir 8. Pour ces derniers on peut charger une feuille de style spécifique (après la feuille du thème) via un commentaire conditionnel dans le template html.

tu mets ainsi en place une "dégradation élégante" du thème pour les navigateurs qui n'affichent pas tel ou tel comportement.

Avec les tableaux, tu irais à rebrousse poil des pratiques comtemporaines. On parle aussi d'un déficit SEO.




Alexis Raimbault webmaster free-lance

Jmarc
on Dec. 8 2010
La page a été créée

Files


remarques-du-8-12.pdf

shared by Jmarc on Dec. 8 2010 · 68 downloads · 374,013 bytes

details

PreviousNextIndex