No Proprietary CSS Code
One of the biggest issues in older scripts (and in this example) is reliance on proprietary vendor techniques such as document.all, which has limited browser support beyond Internet Explorer. Web standards support open, nonproprietary technologies that work across browsers, and there are certainly alternatives defined by the W3C in its Document Object Model. Two of [...]
CSS File and Function Inventory
As with any software, an evaluation should be made of all the required functionality, a core set of functions created or agreed upon, and a standard way of interacting with UI elements created. Scripts should be stored in a central location and documented by a knowledgeable staff that is aware of what is available and [...]
Some more CSS printing rules
Some more css printing rules: body { font-size:12px; color:#000; background-color:#fff; font-family:Arial,Helvetica,sans-serif; padding:120px 10px 20px; margin:0; } div.vcard { font-size:11px; position:absolute; top:25px; right:10px; text-align:right; width:400px; } div#print-logo { position:absolute; top:45px; left:10px; } The hidden print logo is not hidden in the print version, and both it and the footer are set to absolute and moved to [...]
Printing with CSS techniques
Moving through the whole print.css file, there are even more elements, classes, and IDs that are hidden. This demonstrates how this technique is in fact an exercise in removing as much as possible. The above rules hide the global navigation as well as the branding, white-on-color logo, and the right and left columns. This essentially [...]
A CSS Print Style Sheet Example
The additional ID, #print-logo, is used to manipulate the position of the object in the print.css file during printing. Since this image is located at the bottom of the document, on-screen rendering or download times are not significantly impacted, as it is the last thing downloaded. Another set of objects radically manipulated when the page [...]