Quelqu'un pourrait-il me dire ce qu'il faut que je fasse pour que ma page XHTML/CSS s'affiche comme dans l'image du dessous (image issue de Mozilla 1.4 ou Netscape 7) dans Internet Explorer :
Voici ce qui se passe sous Internet Exproler 6 :
Pour ne pas polluer (!) le forum avec de longs extraits de code des CSS/ XHTML 1.0, j'ai mis la page XHTML en question à cette URL :
Comme ça vous pouvez vérifier vous-même le problème d'affichage avec Internet Explorer 6. Par contre, remarquez aussi que Mozilla 1.4 et Netscape 7 l'affichent correctement.
D'avance merci pour votre aide, Dyptowo
« Dernière Édition: le 18-11-2003 a 09:38:24 par Dyptowo »
Je ne comprends pas pourquoi l'auteur à écrit «0 20px» pour la propriété paddind !! Peux-tu me donner plus de précision ? Je ne savais pas que l'on pouvais mélanger différentes valeurs pour une propriété, et à quoi cela sert-il ? Peut-on utiliser cette manière de faire pour toutes les propriétés CSS ?
Quelles sont les régles pour écrire plusieurs valeurs pour une même propriété ?
Deuxièmement :
Comme expliqué sur ce site, ce problème concerne IE version 5.x (et ultérieure si le prologue xml est utilisé) :
Dans mon cas, même en supprimant le prologue xml, le problème persiste sous IE6, est-ce normal ?
« Dernière Édition: le 18-11-2003 a 18:12:33 par Dyptowo »
Je suppose que tu sais ce qu'est le padding :Marge mais interieur de ton bloc. Pour le padding (et pargin aussi tu peux le définir en tant que padding-top, padding-bottom, padding-left et padding-right. L'écriture padding: 0 20px; et un racourci pour définir le padding top, bottom left et right. Pour les deux premiers je sais pas pour lesquels c'est : Surement top et left. Voila !
Je ne comprends pas pourquoi l'auteur à écrit «0 20px» pour la propriété paddind !!
Cette ecriture est un raccourci utile lorsque les valeurs sont répétitives. Pour toutes les CSS, les valeurs sont, dans l'ordre : top, right, bottom, left. Tu peux écrire : 10px 20px par exemple, ce qui sera un raccourci de 10px 20px 10px 20px
Ce genre de raccourci fonctionne aussi avec les codes couleurs : Par exemple : color: #fff est équivalant à color: #ffffff color :#abc est équivalant à color: #aabbcc
« Dernière Édition: le 19-11-2003 a 10:23:34 par SIBELIUS »