@media print css tag

I am using the @media print rule to present my data in a printable format (letter size). The problem I am having is Safari shrinks the output to about 1/4 of the desired size. It works fine in IE and Firefox.
Has anyone else experienced this issue?

yup, I've seen this as well. I had to create a print stylesheet, and I provided css styles in inches that Safari didn't respect. Everything was smaller than I had defined.
After a bit of experimentation, it turns out that Safari is subtracting the user-defined page margins (1 inch on all sides by default), rendering the page as if it was 8.5 x 11 wide, and then scaling it to fit in the printable area.
Extremely lame.
Does anyone know where I can report bugs?

Similar Messages

Create print.css that repeats the content twice on page when printed

Clear as mud, right? I have a form that the user can fill in and then print to bring to the office. They need two copies. It fits on half of the page and could be printed twice on one page and then torn in half in the office. This would save the user paper.
I have a @media print css that removes everything from the page except the content div and it works fine. Is there a way to repeat that div twice on the page via the css?
Here's the css code:
@media print {
.sidebar1, .sidebar2, .title, .title2, .footer { display:none}
.content { position:absolute;top:10px;left:10px}

I have never tried to do anything like that in Dreamweaver - this is more a printer management thing. Can you not set the printer up to tile the page so it displays 2 copies on each page?
Having said that, the only workaround I can think of (someone else might have another idea) is to duplicate your content div in the HTML and position it under your first, then {display:none} the 2nd div in screen.css and turn it on with the print.css.
Edit:// Having read a little closer, this would only work with static content. The fact you are using a form would be more difficult as you would need to populate both divs with their content.

Layout pages and print css

The problem i'm having, under the pages i'm seeing four of the layout files from my Web Apps that were created. They weren't there the other day and can't workout how to make them go away again, don't really want the client to see the layout pages or to accidentally delete them.
Also how to i edit the print view? the client would like me to style the print view but not having much luck with the old way <link href="../../stylesheets/print.css" rel="stylesheet" type="text/css" media="print.css"/>

Print view is gone in BC now since you would set that up with media queries in your CSS etc. Its not needed.
In terms of those folders I think I mentioned to you in another thread - You need to contact BC support. You have somehow made a simialr folder name and caused BC to open view the folders and have web apps in that folder. BC will need to take a look at that and sort it our for you.

Custom page breaks with "@media print" in CSS when creating a PDF from HTML?

Searching for threads containing the text string "@media print" gave me zero hits, so I guess I'm either the smartest guy in the entire universe for coming up with this idea or the dumbest for the same reason since I must be missing something that everyone else knows by heart without even asking.
Namely, I would like to make use of the CSS "@media print" wrapper when I'm converting an HTML file to PDF through Adobe Acrobat - as opposed to printing an HTML page through a web browser using the Adobe PDF virtual printer device. These are, as I understand it, two equivalent though not entirely identical (as they make use of and rely on somewhat different settings) procedures that both convert an HTML file into a PDF document.
Here's my CSS code:
@media print { span.pagebreak {page-break-before: always} }
And here's my HTML code invoking the page break:
<span class="pagebreak"></span>
Bottom line, this works great when I print the HTML file through my web browser, using the Adobe PDF printer device. However, when converting the HTML file through Adobe Acrobat, this print-related setting is ignored. Obviously, printing and converting a file isn't technically identical but as I said, it's for virtually all intents and purposes the same procedure.
I'm guessing that someone at the Adobe HQ must have thought through this issue during a brainstorming session and come up with a simple yet elegant solution to cater for the needs of those who want to use custom page breaks when converting their HTML documents directly through Adobe Acrobat. Maybe a simple setting somewhere or a custom CSS tag like "@media adobe", or something similar?

I've never heard of anyone succeeding in this.

Is there a way to use css media="print" to print all Spry tabbed panels

By setting up a special style sheet and calling that with media="print" I can control all other content that I want to appear in the printed webpage but since the tabbed panels display="none" or display="block" are controlled by the SpryTabbedPanels.js I haven't found a way to force all panels to be display="block" in the print style sheet.
The requirement is for a seminar timetable where each day is on a separate tab but if you want hard copy then printing all days in one go is best.
Any suggestions would be most welcome.

Yeah! I found the answer in another forum topic - See
http://forums.adobe.com/message/636534#636534
Use
<style type="text/css" media="print">
.TabbedPanelsTabGroup {
display: none !important;
.TabbedPanelsContent {
display: block !important;
overflow: visible !important;
height: auto !important;
</style>

Media="print" problem in IE

I have a simple noprint option set in print.css applied to
the table around
the LH navigation to stop it from printing. Works fine in
Firefox and in
Opera, but IE will not display the LH navigation on screen,
and when I try
Print Preview or Print, I get script errors and the page will
not print.
Here is my print.css:
.noprint {
display: none;
I have this inside the head tag:
<style type="text/css" media="print">

</style>
URL:
http://www.mariagrist.net/dev/ping/cv.htm
thanks

??
sorry about that, it's working for me today too, I wonder why
it wasn't
working yesterday??
thanks
"Vix" <[email protected]> wrote in message
news:e5p5k4$aiu$[email protected]..
> Just looked at it in IE6 and the navigation is there and
working fine. In
> Print Preview the navigation isn't being displayed.
>
> Vix
>
> Pixel Warrior wrote:
>> I have a simple noprint option set in print.css
applied to the table
>> around the LH navigation to stop it from printing.
Works fine in Firefox
>> and in Opera, but IE will not display the LH
navigation on screen, and
>> when I try Print Preview or Print, I get script
errors and the page will
>> not print.
>> Here is my print.css:
>> .noprint {
>> display: none;
>> }
>>
>> I have this inside the head tag:
>>
>> <style type="text/css" media="print">
>> 
>> </style>
>>
>> URL:
http://www.mariagrist.net/dev/ping/cv.htm
>>
>> thanks

Does Acrobat Pro 9 support "page-break-before" CSS tag? ie Pagination issues

Hey there
Converting a whole stack of html files to PDF and having some pagination issues. Titles not staying with images and tables getting chopped in half by page breaks etc.
Thought i could solve it by using carefully placed "page-break-before:always" tags where i wanted the page break. Works as expected in Safari when i go to print but not when i "File:Create PDF: From File" in Acrobat Pro. They get ignored.
Here's how they should work:
http://www.w3.org/TR/CSS21/page.html#x3
This is a major hassle. I've got over 600 webpages to convert to PDF's and manually entering <br> to force items onto the next page is getting old.
Here's some sample html, paste it into a file, save, open it in Safari and then go to print. It should print 7 pages. Open it in Acrobat Pro 9.1.0 and you get one page.
<body>
test0
<p style="page-break-before: always">
test
<p style="page-break-before: always">
test1
<p style="page-break-before: always">
test2
<p style="page-break-before: always">
test3
<p style="page-break-before: always">
test4
<p style="page-break-before: always">
</body>
The really nice thing is this would be so useful. You can attach the tag (page-break-before:avoid) to a Caption style and always be assured that it will stay with a following graphic when you print the webpage. Or use it to make sure a table doesn't get cut in half.
http://reference.sitepoint.com/css/page-break-after
http://reference.sitepoint.com/css/page-break-before
Any hints would be great
tia
Jeremy

Nope. Did the </br> thing.
Cost me some serious cash. Very annoying.
I haven't tried it with Safari 5. Acrobat allowed me set page margins, something that Safari 4 didn't allow (didn't support margin css tags). But acrobat didn't support the pagination and Safari 4 did.
Like i said annoying
I'll see if Safari 5 supports the print margins css tags.
I'll prob get asked to do this again so would like to sort it out
Jeremy

Getting page number while JSP printing- link rel="alternate" media="print"

<link rel="alternate" media="print" href="reportprint.jsp"
This i am using for printing report.jsp. report.jsp contains more than 2000 records. I need to have the page number to put the column header in each page.
What is the possible way to get the page number in reportprint.jsp??

Hi Raghuveer,
I am getting the same error...
were you able to resolve it??
Part of log file says...
[Jun 28, 2010 12:47:28 PM BST]:1277725648271:Thread[outboundThreadGroup3,5,outboundThreadGroup]:0:-1:stevux1213:10.145.81.43:-1:-1:STATEMENT:[fnd.wf.mailer.URLMIMETagListener]:oracle.apps.fnd.wf.mailer.URLMIMETagListener.tagFound(HTMLTagEvent) TAG {<META name="fwk-error" content="Error occured while processing the request">}
[Jun 28, 2010 12:47:28 PM BST]:1277725648272:Thread[outboundThreadGroup3,5,outboundThreadGroup]:0:-1:stevux1213:10.145.81.43:-1:-1:STATEMENT:[fnd.wf.mailer.URLMIMETagListener]:fwk-error detected
All,
can you please help?
Thanks,
S

Print CSS

Hello,
I'm trying to create a print.css for configuring the webpage
for printing properly. I have a simple webpage created using CSS
with 3 major Divs (header, centreposition, footer). Within the
centreposition div is a centrecontent div which is off to the right
to allow for the nav bar (when in screen media). For whatever
reason, hopefully someone here can explain, when in pint preview
the content section does not split itself over several pages when
using Firefox. IE formats everything properly and takes as many
pages as required. Firefox on the other hand, displays the content
as if is runs indefinetly on the first page and does not make it
span numerous pages. I have been tring to play with my print.css
file and can get it to configure it properly. Below is my print.css
file
#nav, #nav2, #tr {
display:none;
#centreposition {
padding-right: 0px;
padding-left: 0px;
#centrecontent {
padding: 10px;
body,p{
font-family: Arial, Helvetica, sans-serif;
h1{
font-size: x-large;
font-weight: bolder;
Thanking you in advance for the help,
Daniel

FYI, you can change DW8 to render for media="print" using:
View > Style Rendering > Print media type
HTH,
Randy
> I'm trying to create a print.css for configuring the
webpage for printing
> properly.

Problem with media print styles in debug versus nondebug mode

Hi,
I am trying to debug why the same page (and code) will print one way on one server and another way on another server. These servers are a dev and test server with the same version of cf 9 installed.
I am working on a page that has two divs floated left next to each other.
[div 1] [div 2]
We had problems printing this setup in IE 8, so I created a CSS file for media type print that removes the float from div2.
So in my page I have:
<link rel="stylesheet" type="text/css" href="../common/main.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="../common/mainPrint.css" media="print"/>
In main.css the class is:
.documentArea {
      margin: 2.5em 1em 0 1em;
      float:left;
In mainPrint.css the class is:
.documentArea {
      margin: 2.5em 1em 0 1em;
On the Dev server, I am able to view the page correctly in IE and it prints correctly with div 2 below div 1:
[div 1]
[div 2]
When I move the SAME code to the our Test server and view it in the same IE browser, the display of the page is correct but the printed page only displays div 1 and not div 2 at all.
After some investigations, I discovered that the the print CSS worked when debugging was on and not when it was off. We turned on debugging on the Test server and the CSS worked correctly for printing. I also changed the name of the style to my name (leslie) and it still didn't work. I thought perhaps a default style in CF might be overriding it.
I am wondering if there are default CSS files in ColdFusion.
If you have ANY suggestions as to what is happening I would greatly appreciate it!
Regards,
Leslie

Just to clarify ....
If the ERROR_CODE parameter is made an 'OUT' parameter instead of an 'IN OUT' parameter the correct return value is given for the OracleCommand invocation but the WRONG value is still returned for the EF Model invocation i.e. just changing the parameter from 'IN OUT' to just 'OUT' does not fix the problem.

Print.css: when does the page load images for this?

I have a print.css for an image I don't want on screen, but
instead only for printing (normally set to display:none, and set to
display:block when printing). Works great, but this image is
loaded in any case as far as I know. 2 questions:
1.) Would an image referenced in print.css load only when
printing/previewing?
2.) If so, could a printable (by default, i.e,
non-background) image be loaded here in some way?
Thank you!

> 1.) Would an image referenced in print.css load only
when
> printing/previewing?
I think so, but I'm not sure - so, I built a test page -
http://www.murraytestsite.com/test-print.html
It contains a single image that is display:none in the screen
CSS, and
display:block in the print CSS. Both YSlow and Safari's
Activity window
show the browser as fetching that image. Looks like the
answer is *no* - it
is fetched even when it is not displayed onscreen.
> 2.) If so, could a printable (by default, i.e,
non-background) image be
> loaded
> here in some way?
I don't know what you are asking here.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Nick616" <[email protected]> wrote in
message
news:g8faeh$c9r$[email protected]..
>I have a print.css for an image I don't want on screen,
but instead only
>for
> printing (normally set to display:none, and set to
display:block when
> printing). Works great, but this image is
loaded in any case as
> far as
> I know. 2 questions:
>
> 1.) Would an image referenced in print.css load only
when
> printing/previewing?
>
> 2.) If so, could a printable (by default, i.e,
non-background) image be
> loaded
> here in some way?
>
> Thank you!
>
> link rel="stylesheet" href="print.css" type="text/css"
media="print">
>

Is there a 'macro' to convert a Word style to CSS tag?

The text in my source (Word) has a named character style applied to selected words/phrases throughout the text. I want to detect that specific character-style spec. in the source (pasted from Word into a DW target page) and have a way to translate what was a Word style-spec. into a specific CSS style for that same piece of text in the HTML.
For example, say the Word style is a character style named "boldBlue" (which, when applied to the text, makes it appear in ... bold and blue). In CSS, I have a style named "BB" -- I want the HTML to have the same text tagged correctly using the CSS spec. for "bold blue" (BB), without needing to assign that CSS tag over and over and over to each case.
Is there some 'macro' (or 'batch') way to accomplish this in CS6?

Honestly, the best thing you can do is strip out all Word generated code. Word is a horribly writer of html and css and will increase the headache factor of your project by an order of magnitude. DW has a feature built into it specifically to strip out all Word generated gibberish simply because it is so terrible...
Commands > Clean Up Word HTML
To change code from something like class="BoldBlue" to class="BB", you can open the page in source view and use the Find & Replace feature to replace all instances of BoldBlue with BB.
Ctrl + F or Edit > Find and Replace
When the dialogue window pops up, choose Current Document and Source Code from the drop downs. Put the exact text, spaces and all into the Find field and the new info in the Replace, then click Replace All.

How can I change wiki print.css to print the banner?

We want to create a wiki containing instructions for students and staff that can be viewed online or printed. If an instruction sheet is printed we would like the banner (showing the College's logo) to appear at the top of the page to make it look more official. Unfortunately, no matter what I try I can't get this to work. Does anyone have any suggestions, please?

You'd need to look into changing the print.css for the theme you are using, and then I imagine restart the wiki server.

CSS Tags "quotes"

Dreamweaver tends to add quotes in CSS tags (i.e. - <link
href="
http://sample.com/styles/img18.css"
rel="stylesheet" type=text/css />) etc. Is there an option to
turn off this feature?

Quotes are usually not optional for any attribute values in
HTML, and W3
recommends that you always use them -
3.2.2 Attributes
Elements may have associated properties, called attributes,
which may have
values (by default, or set by authors or scripts).
Attribute/value pairs
appear before the final ">" of an element's start tag. Any
number of (legal)
attribute value pairs, separated by spaces, may appear in an
element's start
tag. They may appear in any order.
In this example, the id attribute is set for an H1 element:
<H1 id="section1">
This is an identified heading thanks to the id attribute
</H1>
By default, SGML requires that all attribute values be
delimited using
either double quotation marks (ASCII decimal 34) or single
quotation marks
(ASCII decimal 39). Single quote marks can be included within
the attribute
value when the value is delimited by double quote marks, and
vice versa.
Authors may also use numeric character references to
represent double quotes
(") and single quotes ('). For double quotes
authors can also use
the character entity reference ".
In certain cases, authors may specify the value of an
attribute without any
quotation marks. The attribute value may only contain letters
(a-z and A-Z),
digits (0-9), hyphens (ASCII decimal 45), periods (ASCII
decimal 46),
underscores (ASCII decimal 95), and colons (ASCII decimal
58). We recommend
using quotation marks even when it is possible to eliminate
them.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Walt F. Schaefer" <[email protected]> wrote in
message
news:[email protected]...
> Why?
>
> First, the example you give is not a "CSS tag". It's a
link to a CSS file.
>
> XHTML requires an attribute's value be enclosed in
quotes. Quotes may be
> optional for some attributes in HTML but common wisdom
seems to dictate
> always using quotes.
>
> Delete those quotes at your own risk.
>
> Walt
>
> "jmzimmerle" <[email protected]> wrote
in message
> news:[email protected]...
>> Dreamweaver tends to add quotes in CSS tags (i.e. -
<link
>> href="
http://sample.com/styles/img18.css"
rel="stylesheet" type=text/css
>> />) etc. Is there an option to turn off this
feature?
>>
>
>

Print CSS Printing 2 identical pages...

I have attached a Print CSS file to my website. At first
glance, all appeared to be well. However, upon closer scrutiny, the
page appears to be correct in print preview, but when I go to print
- one page prints with the print logo and then a second identical
page prints with a blank space where the print logo should be. The
page also appears to be truncated at what I am going to guess is
about 1200 pixels, unless I reduce the size of the page printing.
Lastly, these two pages, rather than one, started after I turned my
master page into a template.
Can anyone help me, PLEASE? Thank you kindly.
P.S. If you would like to see it for yourself...
http://www.mhaoapreview.bandr-consulting.com/

I have attached a Print CSS file to my website. At first
glance, all appeared to be well. However, upon closer scrutiny, the
page appears to be correct in print preview, but when I go to print
- one page prints with the print logo and then a second identical
page prints with a blank space where the print logo should be. The
page also appears to be truncated at what I am going to guess is
about 1200 pixels, unless I reduce the size of the page printing.
Lastly, these two pages, rather than one, started after I turned my
master page into a template.
Can anyone help me, PLEASE? Thank you kindly.
P.S. If you would like to see it for yourself...
http://www.mhaoapreview.bandr-consulting.com/

@media print css tag

Similar Messages

Maybe you are looking for