Printer friendly pages

[Anastasis 48]

 

Στο css αρχείο θα γράψουμε το παρακάτω:

κώδικας:

@media print{   body{ background-color:#FFFFFF; background-image:none; color:#000000 }   #header{ display:none;}   #navigation{ display:none;}   #footer{ display:none;}   #main_content{ width:100%;}   img {display:none;} }

body Ορίζουμε την σελίδα μας λευκή με μαύρα γράμματα χωρίς background
display:none Ορίζουμε τι δεν θέλουμε να εκτυπώνουμε
width:100% Ορίζουμε αυτό που θέλουμε να εκτυπώνουμε να πιάνει το 100% της σελίδας μας.

Για να δείτε τα αποτελέσματα κάντε Print preview στον browser σας.

Στον ΙΕ και στον FF λειτουργεί άψογα, στον Opera παίζει προβληματάκι

Live demo