ピクセル完璧なCSSレイアウトを作成するための提案はありますか？

Question

ビジネス上の目標の1つは、画面上でピクセル完璧なフォームを作成することです。ユーザーがこのフォームを印刷する場合、フォームの米国政府印刷局のバージョンと完全に一致します。プリンターは、この文書の（合理的に）スキャン可能なコピーを作成します。以前のソリューションはPDFであり、特定のポイントまでしか機能しません。

HTML / CSSに傾倒しているので、それを支援するツールの提案をお願いします。

ツールについては、FirefoxのPixelPerfectが良いスタートのようです。これのターゲットプラットフォームは、（ドラムロール）IE6です（それが役立つ場合）。ドキュメントは、 this のようになります。

HTML / CSSを完全に使用しない場合は、Adobe Flexが次の選択肢です。

Answer 1

ディーン、プリンスをご覧ください。 Bert BosとH＆＃229; kon Wium Lieは、 CSSに関する本。 A List Apart 記事でそれについて少し説明しています。

Answer 2

ピクセルパーフェクトな印刷が目標であり、PDFでさえそこに到達できない場合は、ブラウザーからの印刷をすぐにgiveめることができます。クライアント側でレンダリングするときの変数が多すぎます：異なるブラウザー（IE6？幸運を祈ります！）から、異なるフォント、ユーザー設定、A4対レターサイズの用紙まで。

PDFが合わない理由を尋ねてもいいですか？

Answer 3

ピクセル/パーフェクトレイアウトは、html / css、特にフォームで実現するのが非常に難しいことに同意します。ただし、pdfには外部Webフォームからの入力を受け取ることができるか、または記入すると印刷されるテキストフィールドがあると思います。

pdfへのFlex出力は良い考えですが、レンダリングエンジンとしてflexを使用することはこれであまり役に立たないと思います。

別のオプションは、pdfを作成し、サーバー側の言語を使用して、以前のWebフォームのフィールドでカスタマイズし、結果を出力することです。 （ruby / django / phpで簡単に行えます。いくつかの優れたpdfライブラリがあります。）

Answer 4

まず、ピクセルを破棄します。探しているのは、すべてが物理単位（cm /インチ）、フォントサイズ（pt）などを使用して指定された印刷スタイルシートです。画面に表示されるもの、フォントサイズ、ピクセルパーフェクトまたはスキャン可能なコピーを作成するという要件に関連していないようです。

問題は、IE6が物理ユニットと印刷スタイルシートを完全にサポートしているかどうかです。クライアント用の印刷スタイルシートを作成した私の経験を考えると、IEが間違って見れば印刷プロセス中に単純にクラッシュするので、おそらくあなたが扱っているフォームの複雑さではないでしょう。

Answer 5

レンダラー（IE、Acrobatなど）のねじ込みが心配な場合は、常にサーバー上でフォームをレンダリングし、ユーザーに画像を提供するだけです。