Forum Moderators: not2easy

Message Too Old, No Replies

Printing table with smaller font size

making use of @media print

         

Purple Martin

11:50 pm on Mar 23, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I've got a table that's slightly too wide to print on normal paper. I'm trying to make the td font size a bit smaller so that the table is a bit narrower, but whatever I try (setting smaller sizes with em or pt or px) it still prints the same size. What have I missed?

@media print
{
td { font-size: 10pt; }
}

Reflection

11:55 pm on Mar 23, 2004 (gmt 0)

10+ Year Member



What exactly prints the same size, the table or the text?

If its the table try setting left and right margins on the table. If its the text, Im not sure exactly whats happening as I usually use an external print style sheet, so Im not that familiar with the @media rule :).

Purple Martin

12:02 am on Mar 24, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The text still prints the same size (and therefore the table is also still the same size).

TheDoctor

5:57 pm on Mar 25, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You're testing in an up-to-date browser, right? Older ones don't recognise @screen print. (I'm sure you are, but it does no harm to ask the question, does it? :-))

The other conclusion I jumped to - the serious one, if you like - is that you've got something else in your CSS which is more specific than your td rule. Try adding a "text-decoration:underline" to the print rule and see what happens. If nothing, then check the rest of your rules.