Vorschläge für die Herstellung von pixelgenaue CSS-Layout?

Question

Ein Business-Ziel erfordert, dass ich ein Formular auf dem Bildschirm, dass die Pixel perfekt. Wenn ein Benutzer druckt diese Form, es wird genau die US Government Printing Office-Version des Formulars entspricht; der Drucker eine (einigermaßen) scanbare Kopie dieses Dokuments erzeugen. Die bisherige Lösung ist PDF, die für uns nur bis zu einem gewissen Punkt arbeiten.

Ich bin Neigung zu HTML / CSS, und würde Vorschläge für Werkzeuge wie das unterstützen.

Für Werkzeuge, scheint in Firefox Pixelperfect ein guter Anfang. Die Zielplattform dafür ist (Trommelwirbel) IE6, wenn es hilft. Das Dokument sieht aus wie diese .

Wenn HTML / CSS ist ein komplettes No-Go, Adobe Flex meine nächste Wahl ist.

Answer 1

Dean Besuche Prince . Bert Bos und Håkon Wium Lie verwendet es für die Produktion von ihr Buch über CSS . Sie erklären, ein wenig über sie in einer A List Apart Artikel .

Answer 2

Wenn Pixel perfekter Druck das Ziel ist, und nicht einmal PDF erhalten Sie dort, können Sie ziemlich viel aufgeben sofort vom Browser auf Druck. Es gibt waaaay zu viele Variablen, wenn sie auf der Client-Seite zu machen: von verschiedenen Browsern (? IE6 Viel Glück!) Zu verschiedenen Schriftarten, Benutzereinstellungen, auf A4 vs Letter-Format

.

Darf ich fragen, warum PDF nicht passt?

Answer 3

Ich bin damit einverstanden, dass die pixelgenaue Layouts sind sehr, sehr schwer, mit HTML / CSS zu erreichen, vor allem mit den Formen. Aber ich denke, pdfs Eingang von einem externen Web-Formularen empfangen kann, oder haben Textfelder, dass, wenn ausgefüllt gedruckt wird.

Flex pdf Ausgeben wäre eine gute Idee sein, aber ich glaube nicht, mit flex als Rendering-Engine mit dieser zu viel helfen wird.

Eine andere Möglichkeit wäre, die pdf zu machen und eine serverseitige langage verwenden, um es mit Feldern aus einer früheren webform anpassen und das Ergebnis auszugeben. (Kann leicht mit Rubin / django / php getan werden, gibt es einige gute pdf-Bibliotheken gibt.)

Answer 4

Zuerst verlassen Pixel. Was Sie suchen ist ein Druck-Stylesheet, mit allem, was mit physikalischen Einheiten angegeben (cm / Zoll), die Schriftgröße in pt usw. Was auf dem Bildschirm angezeigt wird, in welcher Schriftgröße und ob es sich um pixelgenaue oder nicht nicht relevant scheint Ihre Anforderung von eine abtastbare Kopie Herstellung .

Die Frage ist nun, ist IE6 Unterstützung für physikalische Einheiten und Print-Stylesheets vollständig genug dafür? Aufgrund meiner Erfahrung mit der Herstellung Print-Stylesheets für die Kunden, wo IE würde einfach während des Druckvorganges zum Absturz bringen, wenn man es falsch aussieht, würde ich nicht allzu wahrscheinlich sagen - nicht mit der Komplexität der Formen Sie es zu tun mit

Answer 5

Wenn Sie besorgt über den Renderer (IE, Acrobat, etc.) zu vermasseln, könnten Sie das Formular auf dem Server immer machen, und dienen nur ein Bild für den Benutzer.