2017-06-09 1 views
-2

J'ai une étiquette de table avec l'attribut border = '1' comme source html.Différences de rendu HTML5

il donne une table différente dans IE8, et différente dans la dernière version de Chrome.

La bordure est différente dans le style.

Pourquoi une telle différence est-elle importante et comment puis-je obtenir un aspect cohérent sur différents navigateurs?

+1

Je ne peux pas croire que cette question est à partir de 2017. Regard cohérent à travers les navigateurs a été un tel problème et préoccupation que plusieurs HTML5/CSS/JS ont été proposées en essayant de résoudre ce problème. Essayez googling sur la compatibilité cross-navigateur et vous trouverez du matériel à lire pour les deux prochaines années. Trouvez un cadre que vous aimez et utilisez-le. –

+2

Google "css reset" – j08691

Répondre

0

Bienvenue à la frustration appelée développement Web et l'incohérence qui vient avec cela.

Pourquoi grande différence

Le RFC HTML5 et CSS a une définition technique de toutes les caractéristiques de la langue, mais il ne suffit pas spécifique. Ainsi, il en résulte que différents navigateurs ont des implémentations différentes de ce langage et donc vous remarquerez de légères variations qui peuvent casser des mises en page entières. En outre, les navigateurs implémentent souvent des fonctionnalités qui ne sont pas officiellement prises en charge par le langage RFC, elles ne sont donc pas prises en charge par d'autres navigateurs.

Comment puis-je obtenir un aspect cohérent entre les différents navigateurs

vous devez souvent ajouter explicitement les propriétés à votre feuille de style pour se débarrasser de styles par défaut. Vous pouvez choisir de vous limiter aux fonctionnalités officiellement prises en charge. Ou vous pouvez créer des éléments personnalisés comme des menus déroulants personnalisés et autres.