div inside table

Question

Can somebody tell me whether div inside a table is allowed or not according to w3c

User · Answer

you can put div tags inside a td tag  but not directly inside a table or tr tag  examples   this works   x000D   x000D   lt table gt  x000D     lt tr gt  x000D       lt td gt   x000D         lt div gt This will work  lt  div gt   x000D       lt  td gt  x000D     lt  tr gt  x000D   lt table gt  x000D   x000D   x000D    this does not work    x000D   x000D   lt table gt  x000D     lt tr gt  x000D       lt div gt  this does not work   lt  div gt   x000D     lt  tr gt  x000D   lt  table gt  x000D   x000D   x000D    nor does this work    x000D   x000D   lt table gt  x000D     lt div gt  this does not work   lt  div gt  x000D   lt  table gt  x000D   x000D   x000D

User · Answer

You can t put a div directly inside a table  like this    lt  -- INVALID -- gt   lt table gt     lt div gt      Hello World    lt  div gt   lt  table gt    Putting a div inside a td or th element is fine  however    lt  -- VALID -- gt   lt table gt     lt tr gt       lt td gt         lt div gt          Hello World        lt  div gt       lt  td gt     lt  tr gt   lt  table gt

User · Answer

lt html xmlns  http   www w3 org 1999 xhtml  xml lang  en  gt     lt head gt       lt title gt test lt  title gt     lt  head gt     lt body gt       lt table gt         lt tr gt           lt td gt             lt div gt content lt  div gt           lt  td gt         lt  tr gt       lt  table gt     lt  body gt   lt  html gt    This document was successfully checked as XHTML 1 0 Transitional

User · Answer

It is allow as TD can contain inline- AND block-elements   Here you can find it in the reference  http   xhtml com en xhtml reference td  td-contains

User · Answer

While you can  as others have noted here  put a DIV inside a TD  not as a direct child of TABLE   I strongly advise against using a DIV as a child of a TD  Unless  of course  you re a fan of headaches   There is little to be gained and a whole lot to be lost  as there are many cross-browser discrepancies regarding how widths  margins  borders  etc   are handled when you combine the two  I can t tell you how many times I ve had to clean up that kind of markup for clients because they were having trouble getting their HTML to display correctly in this or that browser    Then again  if you re not fussy about how things look  disregard this advice

[html] div inside table

Examples related to html

Examples related to w3c-validation