28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous!

J'ai fini mon site Internet et apparemment l'affichage sort bien sur Mozilla Firefox et IE mais sur les dernières pages que j'ai faites c'est l'anarchie au niveau de l'affichage... Il me semble que le police est plus grande sur Mac et du coup a décalé toutes les balises div.

Ci-dessous vous trouverez les visuels comparatifs FF / Mac pour 2 pages en particulier en guise d'exemples puis les liens url correspondants pour l'accès au code :

upload/18147-intpc.jpg upload/18147-intmac.jpg


http://www.lesembelliesdeco.com/FR/emb_1.html



upload/18147-projpc.jpg upload/18147-projmac.jpg


http://www.lesembelliesdeco.com/FR/projet_asnieres.html


Savez-vous comment remedier à ce problème d'affichage entre mac et pc et comment y remédier? C'est important, un énorme merci par avance pour ceux qui se lanceront dans le défi!
Modifié par crevetto (20 Aug 2009 - 11:38)
Bonjour,

La seule bonne solution c'est de ne pas fixer la hauteur des div. Le faire est une mauvaise pratique dans deux situation : celle que tu as constaté , mais également si l'utilisateur veux/doit agrandir la taille des caractères pour pouvoir lire confortablement (le "confortablement" étant parfois une option supplémentaire).

D'ailleurs il serait également bien de préciser les tailles de fonte en em ou % plutôt que px (qui empèchent les utilisateurs d'IE6/7 d'agrandir les caactères, et c'est maaaaaaaal).

Alors, oui cela va demander du temps pour tout refaire (je vois du position:absolute; dans tes CSS et ne vois rien qui le justifie) mais ça en vaux la peine. Quand tu sera vieux/vieille tu sera bien content de pouvoir lire le contenu d'un site en agrandissants les caractères Smiley cligne