<div> dans un <tr>: est-il correct?

Est ce code correct?

<table>
    <tr>
        <td>...</td>
    </tr>

    <tr>
        <div>...</div>
    </tr>

    <tr>
        <td>...</td>
    </tr>    
</table>

ne sais pas pour la sémantique (et les règles W3C). Que pouvez-vous dire?

Le standard HTML définit le modèle de contenu de TR éléments: "Zéro ou plus de td ou th éléments". Voir ici: whatwg.org/specs/web-apps/current-work/multipage/...
Qui doctype vous utilisez?
est l'inverse est possible? TR à l'intérieur d'un DIV?

OriginalL'auteur markzzz | 2011-08-13

  1. 23

    Non, il n'est pas valide. tr éléments peuvent uniquement contenir th et td éléments. À partir de la Spécification HTML4:

    <!ELEMENT TR       - O (TH|TD)+        -- table row -->
<!ATTLIST TR                           -- table row --
  %attrs;                              -- %coreattrs, %i18n, %events --
  %cellhalign;                         -- horizontal alignment in cells --
  %cellvalign;                         -- vertical alignment in cells --
>
    Ou th éléments.
    Alors, comment puis-je utiliser (pour certains tr) certains <td> avec une largeur différente?
    Je ne sais pas ce que tu veux dire, vous pouvez spécifier la largeur avec le CSS ou utiliser le colspan attribut, selon ce que vous voulez.

    OriginalL'auteur Felix Kling

  2. 12

    Non seulement elle n'est pas valide, mais il ne fonctionne pas! Ce mark-up

    <table>
    <tr>
        <td>The First Row</td>
    </tr>

    <tr>
        <div>The Second Row</div>
    </tr>

    <tr>
        <td>The Third Row</td>
    </tr>    
</table>

    Produit cette affiche

    The Second Row
The First Row
The Third Row

    La div est éjecté entièrement à partir de la table et placé à l'avant dans les DOM

    voir http://jsfiddle.net/ELzs3/1/

    OriginalL'auteur Alohci

  3. 5

    Non, vous ne pouvez pas vraiment utiliser un div à l'intérieur d'un tableau, car il est un élément de niveau bloc. Vous pouvez remplacer le comportement avec les CSS, mais il ne sera pas validé W3C si tel est votre objectif.

    Comment puis-je remplacer ce comportement dans le CSS?

    OriginalL'auteur shanethehat

  4. 4

    Non, vous ne devez pas utiliser une <div> à l'intérieur d'un <tr>. Vous pouvez l'utiliser à l'intérieur de <td> où la table est correctement table imbriquée, même si cela peut ne pas être la meilleure pratique. Vous pouvez effectivement remplacer réglage de l'affichage d'un div ou n'importe quel élément. Vous pouvez effectivement faire une <div>(qui par défaut est à bloc) pour afficher une table-cell et vice versa.

    OriginalL'auteur SLB

  5. 2

    Cela fonctionne en mode quirks, mais le navigateur qui est compatible avec le mode standard ne fonctionnera pas dépendre de votre doctype.
    En évitant le mode quirks est l'une des clés du succès de la production de la croix-navigateur compatible contenu web

    Certains navigateurs modernes ont deux modes de rendu. Caprice mode reproduit un document HTML comme les navigateurs utilisés pour le faire, par exemple, Netscape 4, Internet Explorer 4 et 5. Mode Standard rend une page selon les recommandations du W3C. Selon la déclaration de type de document présent dans le document HTML, le navigateur va basculer dans l'autre caprice de mode ou en mode standard. Si il n'y a pas de déclaration de type de document présent, le navigateur va passer en caprice de mode.

    http://www.w3.org/TR/REC-html32#dtd

    JavaScript ne doit pas se comporter différemment; cependant, les objets DOM JavaScript fonctionne sur peuvent avoir des comportements différents.

    OriginalL'auteur Pir Abdul

  6. 1

    Disons de votre ligne de la table a 5 colonnes en général et que vous souhaitez un div pour occuper toute la largeur de la table. Les points suivants devraient faire l'affaire.

    <tr>
  <td colspan=5>
    <div class="some-class">
      <p>Hey</p>
    </div>
  </td>
</tr>

    OriginalL'auteur daneczech