Search code examples
htmlcsspixel-perfectform-layout

Suggestions for making pixel-perfect CSS layouts?


One business goal requires that I make a form on screen that's pixel-perfect. If a user prints this form, it will exactly match the US Government Printing Office version of the form; the printer will produce a (reasonably) scannable copy of this document. The previous solution is PDF, which will only work to a certain point for us.

I'm leaning towards HTML/CSS, and would like suggestions on tools to assist that.

For tools, PixelPerfect in Firefox seems a good start. The target platform for this is (drum roll) IE6, if it helps. The document looks like this.

If HTML/CSS is a complete no-go, Adobe Flex is my next choice.


Solution

  • Dean, check out Prince. Bert Bos and Håkon Wium Lie used it for production of their book on CSS. They explain a bit about it in an A List Apart article.