Search code examples
csshtmlniceforms

HTML5 doctype breaking layout of niceforms. Is there a solution?

I would like to use niceforms (demo) on my website but HTML5 breaks the design (the corners of text areas shift).

Since I would rather not rely on the "Almost Standards" mode that I suppose makes it look correct with XHTML 1.0 Transitional, I hope someone can tell me how I can make it work with HTML5.

Aside from the demo and the CSS file, I don't think there's anything relevant to this that I could share. One literally just has to change the doctype of the demo and everything shifts a couple of pixels vertically, breaking selection box, text area and that upload box.

Solution

  • The CSS wrote in DEMO is CSS2. I recommend you using CSS3 with HTML 5. Text area problems are:

    • using Table.
    • Textarea surrounded with divs to show rounded corners. You should use border-radius