The "stuffing into narrow column" issue was fixed in 3.3.2
In 3.3.2 the print section in style.css looks like this:
HTML Code:
/* ------------------------------------------------------------------
---------- PRINT STYLE ----------------------------------------------
------------------------------------------------------------------ */
@media print {
body {
background: white;
color: black;
margin: 0;
font-size: 10pt !important;
font-family: arial, sans-serif;
}
div.post-footer {
line-height: normal !important;
color: #555 !important;
font-size: 9pt !important;
}
a:link,
a:visited,
a:active,
a:hover {
text-decoration: underline !important;
color: #000;
}
h2 {
color: #000;
font-size: 14pt !important;
font-weight: normal !important;
}
h3 {
color: #000;
font-size: 12pt !important;
}
#header,
#footer,
.colone,
.colthree,
.navigation,
.navigation-top,
.navigation-middle,
.navigation-bottom,
.wp-pagenavi-navigation,
#comment,
#respond,
.remove-for-print {
display: none;
}
td#left, td#right {
width: 0;
}
td#middle {
width: 100%;
}
/* 4 hacks for display:none for td#left and td#right for all all browsers except IE. */
*:lang(en) td#left{
display: none;
}
*:lang(en) td#right{
display: none;
}
td#left:empty {
display: none;
}
td#right:empty {
display: none;
}
}
To print the page
as is try this print CSS instead of the one above:
HTML Code:
/* ------------------------------------------------------------------
---------- PRINT STYLE ----------------------------------------------
------------------------------------------------------------------ */
@media print {
body {
background: white;
color: black;
margin: 0;
font-size: 10pt !important;
font-family: arial, sans-serif;
}
div.post-footer {
line-height: normal !important;
color: #555 !important;
font-size: 9pt !important;
}
a:link,
a:visited,
a:active,
a:hover {
text-decoration: underline !important;
color: #000;
}
h2 {
color: #000;
font-size: 14pt !important;
font-weight: normal !important;
}
h3 {
color: #000;
font-size: 12pt !important;
}
}