• Hi All,

    3.0
    Theme: Twenty Ten

    I was trying to create a table that contained few images, and it was key that the tables cells would have no padding or spacing whatsoever. I came across an issue that regardless of the CSS, it appears there was a padding or margin at the bottom of each cell that had an image.

    I basically went through my troubleshooting process to the point where I deleted all the styles and yet there was this bottom padding.

    It wasn’t until I changed the <!DOCTYPE html> to <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt; that the issue went away.

    After that, my CSS controlled the table exactly as I wanted.

    My first question is, has anybody ever come across this?

    Secondly, is this an issue with the browsers not handling HTML 5.0?

    Curious to hear from the community.

Viewing 4 replies - 1 through 4 (of 4 total)
  • I don’t think it’s so much that the browsers can’t handle HTML5 as that they’re handling table cell display on an HTML5 page in a manner that you didn’t expect. Remember, tables aren’t supposed to be used for layout purposes.

    Thread Starter Beyondus

    (@beyondus)

    The problem I have is that we use wordpress for corporate website. So we want the homepage to have a certain layout that the client can edit. So using tables seems to be more intuitive to clients then using DIV. Besides, the text window seems to handle tables better than DIV.

    With that said, I’m open to suggestions. =)

    Many browsers don’t support HTML 5 that well, so I’d suggest sticking to an XHTML DOCTYPE for now. Personally I prefer a Strict DOCTYPE but you may find a Transitional DOCTYPE easier to validate.

    I was having the same problem. Thanks all for the help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twentyten , Doctype, and Tables Weirdness’ is closed to new replies.