Is a DIV inside a TD a bad idea?

by

Using a div instide a td is not worse than any other way of using tables for layout. (Some people never use tables for layout though, and I happen to be one of them.)

If you use a div in a td you will however get in a situation where it might be hard to predict how the elements will be sized. The default for a div is to determine its width from its parent, and the default for a table cell is to determine its size depending on the size of its content.

The rules for how a div should be sized is well defined in the standards, but the rules for how a td should be sized is not as well defined, so different browsers use slightly different algorithms.

More Related Contents:

  1. input type=”submit” Vs button tag are they interchangeable? [duplicate]
  2. Create a HTML table where each TR is a FORM
  3. Set cellpadding and cellspacing in CSS?
  4. Form inside a table
  5. Word-wrap in an HTML table
  6. Is it valid to have a html form inside another html form?
  7. Create HTML Table with SQL FOR XML
  8. How to deal with page breaks when printing a large HTML table
  9. HTML/CSS: Making two floating divs the same height
  10. Why can’t I have a numeric value as the ID of an element?
  11. Make a div fill the height of the remaining screen space
  12. Having Google Chrome repeat table headers on printed pages
  13. Fixed header table with horizontal scrollbar and vertical scrollbar on
  14. Should a heading be inside or outside a ?
  15. Are block-level elements allowed inside inline-level elements in HTML5?
  16. Add a horizontal scrollbar to an HTML table
  17. Wrap text in tag
  18. Rounded table corners CSS only
  19. using text-align center in colgroup
  20. What elements can a span tag contain in HTML5?
  21. overflow:scroll; in
  22. How can I apply a border only inside a table?
  23. Equivalent to float in Outlook
  24. Valid to use (anchor tag) without href attribute? [duplicate]
  25. Table overflowing outside of div
  26. The border-radius property and border-collapse:collapse don’t mix. How can I use border-radius to create a collapsed table with rounded corners?
  27. CSS: display:block; vs display:table;
  28. Is it correct to use DIV inside FORM?
  29. Styling the last td in a table with css
  30. Setting max-height for table cell contents

Leave a Comment