Titre: Problèmes d'affichages des calques/blocs CSS / XHTML 1.0
Posté par: Dyptowo le le 18-11-2003 a 09:37:28
Bonjour,
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 :
Page XHTML / CSS en question (http://perso.wanadoo.fr/alpha-beta.123/test/page_01.html)
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 |
Titre: Re:Problèmes d'affichages des calques/blocs CSS / XHTML 1.0
Posté par: SIBELIUS le le 18-11-2003 a 11:33:42
Hé hé : pour pas changer, c'est dû à un problème d'IE qui interprête les dimensions des boites différemment des autres.
Toutes les explications ici :
http://openweb.eu.org/articles/dimensions_boites_css/ |
Titre: Re:Problèmes d'affichages des calques/blocs CSS / XHTML 1.0
Posté par: Dyptowo le le 18-11-2003 a 11:45:40
Salut !
Tout d'abord merci pour le lien !
Mais alors là, sur cette page, il y a déjà un truc basic que je ne connais pas, peut-être peux-tu m'aider :
Voici l'exemple de CSS ci-dessous extraite du site Openweb :
.vert {
background-color: #00ff00;
width: 250px;
padding: 0 20px;
border-left: 5px solid #00ff00;
border-right: 5px solid #00ff00;
}
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 ?
|
Titre: Re:Problèmes d'affichages des calques/blocs CSS / XHTML 1.0
Posté par: TinMar le le 19-11-2003 a 09:02:16
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 ! |
Titre: Re:Problèmes d'affichages des calques/blocs CSS / XHTML 1.0
Posté par: SIBELIUS le le 19-11-2003 a 10:23:08
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 |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|