Bug IE6 ?
Bug IE6 ?
Bonsoir,
Je recherche une ressource sur internet qui explique la non conformité de IE 6.
En effet, je sais que le consortium spécifie que la largeur d'une boite ou d'un tableau est égale à la somme de sa largeur , ses bordures et son remplissage, alors qu'avec IE 5 sa largeur ne bougera pas même si on indique une bordure et un espacement, seul l'espace du contenu reduira.
J'ai déjà rencontré des pbs de mise en page avec IE 6 mais je ne sais pas qu'elle spécification il ne suit pas ?
merci d'avanec pour votre aide.
exemple d'un tableau avec une largeur de 400, des bordure(gauche/droite) de 10 et un padding gauche/doirte de 30 : la largeur est identique avec IE6 et Mozilla , la seul difference est un saut de ligne sous Mozilla ???
http://fredroy71.free.fr/exemple2.htm
Je recherche une ressource sur internet qui explique la non conformité de IE 6.
En effet, je sais que le consortium spécifie que la largeur d'une boite ou d'un tableau est égale à la somme de sa largeur , ses bordures et son remplissage, alors qu'avec IE 5 sa largeur ne bougera pas même si on indique une bordure et un espacement, seul l'espace du contenu reduira.
J'ai déjà rencontré des pbs de mise en page avec IE 6 mais je ne sais pas qu'elle spécification il ne suit pas ?
merci d'avanec pour votre aide.
exemple d'un tableau avec une largeur de 400, des bordure(gauche/droite) de 10 et un padding gauche/doirte de 30 : la largeur est identique avec IE6 et Mozilla , la seul difference est un saut de ligne sous Mozilla ???
http://fredroy71.free.fr/exemple2.htm
IE 6 suit le même modèle qu'IE 5 en mode "Quirks", qui est déclenché par l'absence de doctype.
Sauf qu'il y a un bug supplémentaire qui fait que le mode Quirks est activé aussi en XHTML, si et seulement si l'en-tête du document est précédé du prologue XML
Comme le prologue est facultatif, il vaut mieux ne pas le mettre.
L'explication complète de l'auteur du hack : http://www.tantek.com/CSS/Examples/boxmodelhack.html
Sauf qu'il y a un bug supplémentaire qui fait que le mode Quirks est activé aussi en XHTML, si et seulement si l'en-tête du document est précédé du prologue XML
Code : Tout sélectionner
<?xml version="1.0"?>
L'explication complète de l'auteur du hack : http://www.tantek.com/CSS/Examples/boxmodelhack.html
Merci pour ta réponse mais là je ne suis pas en mode "quirks", la table fait la même taille.
Mon doctype :
En revanche l'affichage est différent que j'utilise Mozilla ou IE.
IE, ne prend pas en compte le padding
Mozilla saute une ligne.
Donc, j'aimerai connaître les bugs de IE pour pouvoir faire une mise en page homogène.


Mon doctype :
Code : Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
En revanche l'affichage est différent que j'utilise Mozilla ou IE.
IE, ne prend pas en compte le padding
Mozilla saute une ligne.
Donc, j'aimerai connaître les bugs de IE pour pouvoir faire une mise en page homogène.


Ce n'est pas un bug à proprement parler, Mozilla applique un padding sur l'élément p où IE met un margin (je crois). Opera fait probablement encore autre chose. Si tu veux être sûr, mets les padding et les margin à 0 avant de faire quoi que ce soit.
Je te conseille aussi de définir tes largeurs en unités dépendantes de la police (em ou ex) parce que chez moi la police serif par défaut est Georgia qui est un peu plus large, et donc j'ai deux lignes au lieu d'une chez toi.
Je te conseille aussi de définir tes largeurs en unités dépendantes de la police (em ou ex) parce que chez moi la police serif par défaut est Georgia qui est un peu plus large, et donc j'ai deux lignes au lieu d'une chez toi.
Merci pour tes conseils..
Je definis toutes les tailles et la police quand je travaille réellement mais là je faisais un test...
En fait, j'aimerai bien trouver une ressource qui explique les differents comportements des navigateurs.
Mais, naïvement je pensais que la plupart respectait les normes du consortium donc l'afffichage était equivalent (a part la manière de calculer de IE5)
Dais-tu où je pourrais trouver une ressource qui traite des comportements selon les navigateurs ?
NB : en ce qui concerne les tailles em j'ai pas très bien compris comment elles fonctionnent.
Je definis toutes les tailles et la police quand je travaille réellement mais là je faisais un test...
En fait, j'aimerai bien trouver une ressource qui explique les differents comportements des navigateurs.
Mais, naïvement je pensais que la plupart respectait les normes du consortium donc l'afffichage était equivalent (a part la manière de calculer de IE5)
Dais-tu où je pourrais trouver une ressource qui traite des comportements selon les navigateurs ?
NB : en ce qui concerne les tailles em j'ai pas très bien compris comment elles fonctionnent.
L'unité em est équivalente à la hauteur d'un M majuscule dans la police courante, tandis que l'unité ex est équivalente à la largeur d'un x minuscule dans la police courante (les puristes te diront que ce n'est pas exactement ça mais c'est une bonne approximation
).
Donc si tu veux faire une boîte qui contiendra deux lignes, tu lui donnes une hauteur de 2em, si tu veux une boîte qui contiendra une ligne d'environ 30 caractères, tu lui mets un peu plus de 30ex de large.
Si tu définis la taille de tes boîtes avec ça, quand on augmente ou qu'on diminue la taille de la police (Ctrl++, Ctrl+- ou Ctrl+roulette de la souris), tes boîtes s'adapteront et le texte ne débordera pas.
En ce qui concerne les marges et paddings appliquées aux éléments par les différents navigateurs, aucune norme ne les définit (même chose pour les puces qui seront utilisées dans une liste, ou le format des titres, ...). C'est normal parce que ça dépend aussi du matériel utilisé.

Donc si tu veux faire une boîte qui contiendra deux lignes, tu lui donnes une hauteur de 2em, si tu veux une boîte qui contiendra une ligne d'environ 30 caractères, tu lui mets un peu plus de 30ex de large.
Si tu définis la taille de tes boîtes avec ça, quand on augmente ou qu'on diminue la taille de la police (Ctrl++, Ctrl+- ou Ctrl+roulette de la souris), tes boîtes s'adapteront et le texte ne débordera pas.
En ce qui concerne les marges et paddings appliquées aux éléments par les différents navigateurs, aucune norme ne les définit (même chose pour les puces qui seront utilisées dans une liste, ou le format des titres, ...). C'est normal parce que ça dépend aussi du matériel utilisé.
Salut,
Pour avoir quelques idées sur les différents comportement des navigateurs, j'aime consulter QuirksMode : http://www.quirksmode.org/index.html?/b ... intro.html
Seul hic, le webmaster n'a pas de station linux en ce moment, la dernière version testée de Konqueror est la 2.2. Pour les autres, c'est à jour.
Pour avoir quelques idées sur les différents comportement des navigateurs, j'aime consulter QuirksMode : http://www.quirksmode.org/index.html?/b ... intro.html
Seul hic, le webmaster n'a pas de station linux en ce moment, la dernière version testée de Konqueror est la 2.2. Pour les autres, c'est à jour.
Qui est en ligne ?
Utilisateurs parcourant ce forum : Semrush [Bot] et 2 invités