28173 sujets

CSS et mise en forme, CSS3

Bonjour à toutes et à tous,

Alors j'aimerais que l'on traite une fois toutes les difficultées, enfin nan, les suptilité entre les affichages des pages :
Les espacements entre les blocs, n'étant pas de la même taille.
La taille des blocs etc...

J'aimerais donc qu'ici on mette des éléments me permettant de faire un affichage identique entre les deux navigateurs les plus utiliser sur le marché mondial. J'avais pensais à reconai^tre son navigateur avec un script PHP et d'avoir deux feuille de style, mais je ne vous explique pas que c'est énervant de changé les choses dans les deux fichiers .CSS a chaque foi.

Alors si quelq'un dispose d'outils, ou d'autres éléments, astuces, il est la bienvenue, et DOIT poster Smiley confused .

Je pense que la demande est bien passé ! Bonne journée à vous !
Bonjour,
a écrit :
J'avais pensais à reconaître son navigateur avec un script PHP et d'avoir deux feuille de style, mais je ne vous explique pas que c'est énervant de changé les choses dans les deux fichiers .CSS a chaque foi.


En effet et ce n'est clairement pas la solution à choisir.
Le but du WASP (web standard project) a été (entre autres)
de faire adopter les standards du W3C à un maximum de navigateurs
afin d'harmoniser la présentation et ainsi faciliter l'integration d'un site.
Ils y travaillent encore, les strandards n'étant encore pas totalement
supportés pas tous les navigateurs et pas toujours de la même manière.
La bête noire est sans aucun doute IE pour lequel il faut souvent recourir
à la création http://forum.alsacreations.com/faq/#item53 d'une feuille
de style en commentaire conditionnel [/url] pour pallier à ses bug d'affichage.

Pour commencer tu dois donc créer un feuille de style compatible avec les
navigateurs basés sur le moteur de rendu Gecko (firefox, mozilla...) qui est
le plus respectueux des standards.
Tester ton site sur ces navigateurs puis créer eventuellement une feuille de style pour IE qui corrige ses bug ou ses default d'interprétation.

Ensuite les conseil du moments que je te donnerais seraient d'annuler les
marges par default qui peuvent dans certain cas varier d'une navigateurs à
l'autre en déclarant en début de css
* {margin:0; padding:0}
Voir la FAQ pour plus de précision.
Utiliser un DOCTYPE qui ne fasse pas basculer IE en mode quirks (brouillon)
(mode d'IE5 et IE5.5) car celui-ci utilise le modele de boîte microsoft.
Voir http://openweb.eu.org/articles/dimensions_boites_css/
Modifié par Hermann (28 Jun 2006 - 10:54)
Merci pour ta réponse,
J'ai déja un site web respectant les normes http://djangoboy.free.fr/OGame/
Voisic l'adresse, mais sous IE il y a d'énorme décalage, et je voulais y remedier d'une autre facon qu'en faisiant une seconde feuille de style étant donnée que meme d'après toi cela est très fastidieux pour la modification d'un élément !
En fait ton problème peut-être parfois résolu en modifiant
la structuration de ton code XHTML ou par les CSS mais ce n'est
malheureusement pas toujours possible.
Tu dois dans ce cas créer une fueille de style IE qui ne comprend QUE les
parties problèmatiques.
Modifié par Hermann (28 Jun 2006 - 10:59)
La meilleure methode est de construire ton site sous IE tu verras , tu comprendras son comportement et apres pour FF il restera quelques reglages a faire minimes.
Administrateur
jp94 a écrit :
La meilleure methode est de construire ton site sous IE tu verras , tu comprendras son comportement et apres pour FF il restera quelques reglages a faire minimes.

C'est une méthode très hasardeuse car en "faisant pour IE", on développe un site sur des bases approximatives, non standards donc aléatoires.

Je préfère de loin une autre méthode :
http://blog.alsacreations.com/2004/11/27/93-faire-un-site-compatible-sur-tous-les-navigateurs
@jp94
a écrit :
La meilleure methode est de construire ton site sous IE tu verras, tu
comprendras son comportement et apres pour FF il restera quelques réglages
à faire minimes.


Non JP il ne faut pas prioriser le nombres d'utilisateurs (ceux de IE)
mais ceux qui respectent au mieux des standards étant donné
que IE est amené dans le futur (dans l'absolu) à les respecter d'avantage.
Les standard c'est un peu une éthique sur laquelle on se base pour ne pas
partir dans tous les sens et ne pas faire n'importe quoi.
Modifié par Hermann (28 Jun 2006 - 15:50)