Validation avec W3C

Melooo Messages postés 1405 Date d'inscription   Statut Membre Dernière intervention   -  
boule97 Messages postés 22974 Date d'inscription   Statut Contributeur sécurité Dernière intervention   -
Bonjour,

Je suis en train de valider ma page avec le W3C,
tous est ok sauf que lorsque je rajoute le doctype :
  <!DOCTYPE html  
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

Cela me déforme mon entête :
<table width="100%"  cellpadding="0" cellspacing="0" border="0" > 
     <tr> 
      <td class="barre_haut" align="left" valign="top"><div style="position:relative;width:220px;height:1;" class="dfront2"><div style="position:relative;width:220;height:20;"  id="divDate" class="dfront2">      </div></div></td> 
      <td class="barre_left"> </td> 
      <td class="barre_center" align="center" valign="middle">Merci de vous identifier</td> 
      <td  class="barre_right"> </td> 
      <td class="barre_haut" align="right" valign="top"><div style="position:relative;width:200;height:1;" class="dfront2"><div style="position:relative;width=200;height:20;" id="divTime" class="dfront2">      </div></div></td> 
     </tr> 
  </table> 

Alors que quand j'enlèves le doctype tout est nickel mais pas validé par le W3C
Le "Merci de vous identifier se situe à gauche alors qu'il doit être au milieu
Je ne comprends pas d'ou cela peut venir
Merci de votre aide


Mieux vaut ne pas mettre une balise <p> dans un <q>

3 réponses

gaerebut Messages postés 1017 Date d'inscription   Statut Membre Dernière intervention   171
 
Bonjour,

C'est tout à fait normal car tu rajoutes le doctype Strict donc ... c'est assez stricte :-)
Ton code ne passe pas comme tu le veux car tu ne dois pas utiliser les bonnes propriétés CSS.
(As-tu fais validé ton css ? :-p)

Essais en Transitionnal ou revois ton CSS.

A+
Gaerebut
0
Melooo Messages postés 1405 Date d'inscription   Statut Membre Dernière intervention   84
 
Oui c'est ce que je suis en train de regarder :
.barre_haut {background-Image:url(images/b_haut.gif);background-repeat:x-repeat;height:1px;}
.barre_left {background-Image:url(images/b_titre_left.gif);background-repeat:no-repeat;width:51px;}
.barre_center {background-Image:url(images/b_titre_center.gif);font-face:arial,helvetica;font-size:24px;color:#4a6f85;text-align:center;}
.barre_right {background-Image:url(images/b_titre_right.gif);background-repeat:no-repeat;width:47px;}
0
boule97 Messages postés 22974 Date d'inscription   Statut Contributeur sécurité Dernière intervention   2 583
 
Change de doctype ou corrige tes erreurs à toi de voir

CSS
http://jigsaw.w3.org/css-validator/

http://validator.w3.org/
0