La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Problèmes d'affichages des calques/blocs CSS / XHTML 1.0
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Problèmes d'affichages des calques/blocs CSS / XHTML 1.0  (Lu 1266 fois)
Problèmes d'affichages des calques/blocs CSS / XHTML 1.0
« sur: le 18-11-2003 a 09:37:28 »
Dyptowo
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 28





Voir le Profil
Répondre avec citation

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


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 » Rapporter au modérateur  

Re:Problèmes d'affichages des calques/blocs CSS / XHTML 1.0
« Répondre #1 sur: le 18-11-2003 a 11:33:42 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

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/

Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"
Re:Problèmes d'affichages des calques/blocs CSS / XHTML 1.0
« Répondre #2 sur: le 18-11-2003 a 11:45:40 »
Dyptowo
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 28





Voir le Profil
Répondre avec citation

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 ?

« Dernière Édition: le 18-11-2003 a 18:12:33 par Dyptowo » Rapporter au modérateur  
Re:Problèmes d'affichages des calques/blocs CSS / XHTML 1.0
« Répondre #3 sur: le 19-11-2003 a 09:02:16 »
TinMar
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 268



Yo !

Voir le Profil    E-Mail
Répondre avec citation

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 !

Rapporter au modérateur  
Re:Problèmes d'affichages des calques/blocs CSS / XHTML 1.0
« Répondre #4 sur: le 19-11-2003 a 10:23:08 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

Citation de: Dyptowo le le 18-11-2003 a 11:45:40
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 » Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg