XHTML 1.1 : Problème de DTD avec tout sauf ... IE

thedc Messages postés 17 Date d'inscription mercredi 31 août 2005 Statut Membre Dernière intervention 23 avril 2006 - 31 août 2005 à 04:55
thedc Messages postés 17 Date d'inscription mercredi 31 août 2005 Statut Membre Dernière intervention 23 avril 2006 - 1 sept. 2005 à 18:23
Bonjour,


J'ai un problème sur mon site avec ma DTD XHTML 1.1 et mon interface.
J'utilise cette DTD :


<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'>

C'est pourtant celle qui est indiqué sur le W3C et je ne comprend pas, lorsqu'elle est écrite dans le code (obligatoire pour être validé XHTML 1.1) mes pages s'affichent bien dans IE mais foirent completement sous les autres navigateurs (j'ai essayer avec FireFox, NetScape et Opera).


Je vous laisse juger par vous même et attend désespérement vos réponses (testez le avec IE et un autre navigateur) :
http://thedc.free.fr/


Edit : je vous montre le code source de ma page, on ne sais jamais :


<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'>
<html>
     <head>
     <title>Hello World</title>
     <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
</head>



Hello World

</html>

26 réponses

cs_Anthomicro Messages postés 9433 Date d'inscription mardi 9 octobre 2001 Statut Membre Dernière intervention 13 avril 2007 8
1 sept. 2005 à 01:20
Salut,



utilise la propriété line-height:10px; par exemple si la hauteur est de 10px, ton texte sera centré en hauteur.

<hr size="2" width="100%"><li>Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique</li>
0
thedc Messages postés 17 Date d'inscription mercredi 31 août 2005 Statut Membre Dernière intervention 23 avril 2006
1 sept. 2005 à 12:57
Marche pas :(

p.test { color : #000000; font-family : Verdana, Sans-Serif; font-size : 10px; line-height : 10px; }
div.test{ background-color : #FFFFFF; border-width : 1px; border-style : solid; border-color : #000000; height : 20px; }

Texte

Que je mette le line-height sur le p ou sur le div c'est exactement la même chose. Le texte ne positionne pas au milieu ...
0
cs_Anthomicro Messages postés 9433 Date d'inscription mardi 9 octobre 2001 Statut Membre Dernière intervention 13 avril 2007 8
1 sept. 2005 à 12:58
centré horizontalement ou verticalement ?



si tu veux faire ça horizontalement c'est text-align:center;

<hr size="2" width="100%"><li>Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique</li>
0
thedc Messages postés 17 Date d'inscription mercredi 31 août 2005 Statut Membre Dernière intervention 23 avril 2006
1 sept. 2005 à 16:33
Non centré dans les deux sens !
text-align : center fonctionne bien, ce n'est pas là mon problème, c'est dans le sens vertical.
vartical-align et line-height ne fonctionnent pas ...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
cs_Anthomicro Messages postés 9433 Date d'inscription mardi 9 octobre 2001 Statut Membre Dernière intervention 13 avril 2007 8
1 sept. 2005 à 17:07
oublie le vertical-align, juste le line-height



et rajoute un height à ta balise p alors :-)

<hr size="2" width="100%"><li>Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique</li>
0
thedc Messages postés 17 Date d'inscription mercredi 31 août 2005 Statut Membre Dernière intervention 23 avril 2006
1 sept. 2005 à 18:23
p.rubrique { color : #000000; font-family : Verdana, Sans-Serif; font-size : 12px; text-align : center; height : 28px; line-height : 10px; }
div.rubrique { background-image : url("http://www.monsite.com/image.gif"); height : 28px; }

Texte à center et à aligner au milieu

Mais ça ne marche pas :'(
0
Rejoignez-nous