Safari print style sheet problem

I've been working on a new site design and for the first time I'm trying to
use a different style sheet for printing a page (via the link media="print"
tag). So far I've had success with this technique except when printing with
Safari The printed page comes out as desired - the problem is that
after the print dialogue box disappears, the appearance of the original
"screen" web page gets messed up. Images get moved and a lot of the content
gets crunched into a column about 1/3 the size of the page.
It seems to be a Safari-only problem; I've tried printing in Mozilla, IE,
Mozilla, Opera and none of these browsers exhibit
this behavior. I've also tried using Safari on other Macs and get the same
result. Does anyone have ideas on how to fix this?

I found a Solution my CSS for print it was in bad layout i found out that i can't use the diplay:block; twice
Luis

Similar Messages

Using a Print Style Sheet to hide columns in a report

Hello there,
I am curious to know whether it is possible to hide certain columns in reports using a print style sheet.
I tried using the 'CSS Class' attribute when editing column formatting but it appears to be completely ignored and simply overwritten with the theme's default CSS Class for a report table cell (t15data in my case).
Any help would be greatly appreciated...
Cheers,
Jordan

Hi Jordan,
Perhaps the simplest thing would be to change your page template (or, more probably, take a copy of the one you are using and edit that instead).
Add id="#COLUMN_HEADER_NAME#" into the TH and TD tags for the Column Heading Template and all of the Column Templates.
Then, in the Region Header of the region containing the report (or anywhere above the region), enter in:
<style type="text/css" media="print">
#ID_OF_COLUMN_TO_HIDE {display:none}
>/style>
I have not tested this to see if it impacts on any other page functionality, but it does do what you need - ie, the column appears on screen but not on a printout.
Regards
Andy

Css print style sheet?

How can I define a print style sheet so that I can hide menus and links?
I am also finding when I print that the backgrounds are disappearing on the printout.
terry

Use a print media query...
@media print {
.class {
attribute:value;
attribute:value;
Background printing is a browser setting. Since most people are just interested in information, not graphics, when printing websites, it's turned off by default. It's controlled in the Page Setup when printing from the browser.

Media Print Style Sheet Question

Hello!
I just added a Media Print style sheet to a website.
Everything seems to
work for the most part fine and the layout is as expected and
functioning as
desired. When I print from Firefox the print size is 12 pt as
my style sheet
specified, however when I print exactly the same page from
Internet Explorer
the print size is tiny - like maybe eight or something. I
thought that the
media print style sheet communicates directly with the
printer while the
screen style sheet communicated with the viewer screen. Am I
mistaken? Why
does the print size change depending upon what browser you
use?
Does anyone have a suggestions on how to get the Internet
Explorer to
recognize the font size command and print in 12 pt instead of
8?
Thank you
Best Regards,
Webdesigner

.oO(Webdesigner)
>I just added a Media Print style sheet to a website.
Everything seems to
>work for the most part fine and the layout is as expected
and functioning as
>desired. When I print from Firefox the print size is 12
pt as my style sheet
>specified, however when I print exactly the same page
from Internet Explorer
>the print size is tiny - like maybe eight or something. I
thought that the
>media print style sheet communicates directly with the
printer while the
>screen style sheet communicated with the viewer screen.
Am I mistaken? Why
>does the print size change depending upon what browser
you use?
The stylesheet itself doesn't communicate with anything. It's
always the
browser that renders the document or sends it to the printer.
Different
browsers behave differently, so there will always be
differences in the
ouput. Some smaller, some bigger.
>Does anyone have a suggestions on how to get the Internet
Explorer to
>recognize the font size command and print in 12 pt
instead of 8?
Got a URL so we can have a look at it?
Micha

Weird Style Sheet Problem

A few pages will not load the style sheet and end up looking really odd. I have tried opening these pages on both Safari and Firefox, and the same problem occurs. It happens when I go onto sites such as Ebay, Facebook, Youtube, and Myspace. Other websites read just fine.
Does anyone have any idea on why this would happen? And is there any solution?

I see what you mean, but then again, I've also had the same thing happen on a number of sites, including Yahoo!, CNN, Macworld, etc., with no logical reason other than a server problem. Other times they load perfectly fine, and I've never changed anything in Safari or any other browser.
I still think it's a server problem with the site; perhaps it's too busy, or it has a problem which affects the serving of files, including the style sheet. I'd keep an eye on it and make not of when it happens and try it at different times and days to see if it always happens. If it doesn't and you don't change anything that could affect it, that would point directly to a server problem.
If anyone else has some other advice or knowledge of this problem, please chime in.
Mulder

Need help with media-print style sheets

I am trying to create a style sheet for printing only for pages on my site. I have found a lot of the same information describing how to remove unwanted items, and change colors and so forth for the items to be printed. My problem is that after the unwanted parts of the page are removed, the remaining test to be printed does not "flow" into the areas previously occupied by other elements. The printed text remains in the location on the page that it occupies on the webpage. How do I get the text to "take over" the whole page?
Below is the style definition for the text content as it is displayed on the screen:
div.mainBody {
     position:absolute;
     left:210px;
     top:145px;
     width:640px;
     height:595px;
     background-color:#000000;
     font : normal normal normal/normal Book Antiqua MS Sans Serif Times New Roman;
     text-align: justify;
     color:#CCCCCC;
And here is the "new" definition for the text as it should be printed:
.mainBody {
     position: absolute !important;
     left: 0px;
     top: 0px;
     width: 100%;
     margin: 0;
     padding: 0;
     background: white;
     font: normal normal normal/normal Book Antiqua MS Sans Serif Times New Roman;
     text-align: justify;
     color: #000;
     float: none;
     display: inline;
All other elements on the page are "turned off" with "{ display: none; }"
Why am I having so much trouble with such a simple thing?
Thanks for any help!
Mark

Hello Mark,
why do you think a feedback forum for Oracle forums is the right place to ask this question?
Regards
Marcus

Paragraph Style Sheet Problem

Hello. When I load style sheets from another document in Illustrator CS5.5, I've been having a problem with the color aspect of the style sheet. The formatting is okay, but the type is black, regardless of what color is specified in the style sheet. Am I missing something? I don't remember having this happen before. Thanks for your help!

Check to see if there is a Character Style sheet applied by default. If there is, that will over-ride the color in your Paragraph style.

CSS style sheet problem

My page is displayed perfectly in design view, reflecting the CSS rules I've created, but when I preview in Live View and in a browser, it's as if there is no style sheet attached at all... ??

Some things to check:
1) Did you define a Local Site folder in DW before starting your project?
If no, refer to part 1 of this tutorial:
Creating your first web site in DW CS4 -
http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1.html
2) Did you link your HTML page(s) to an external stylesheet?
See link below for details:
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Style sheet problem after upgrade

hi Gurus,
we are in BW 3.5 after an upgrade from support package 13 to 21, we are facing a problem with style sheets: all web repports are displayed without syle sheet!
when i try to access the style sheet directly i get this error:
http://XX.XX.XX.XX:XX/sap/bw/Mime/BEx/StyleSheets/BWReports.css call was terminated because the corresponding service is not available.
* The termination occurred in system XXX with error code 403 and for the reason Forbidden.
* The selected virtual host was 0 .
any idea how to solve this?
Thank you.

i solved it, the mime directory was exluded from service, so i added it.

Css style sheet problems

Using DW CS3
problem 1
can I re-write below so that
1    link, hover, visited etc can be written without all the repetition if possible
2    link, hover, visited etc can be written "once" to apply to everything, body table etc   if possible
3
What might cause this please?
Sometimes I cannot override the style sheet
I highlight the text
i select the class
DW writes the code but in the browser it still obeys the style sheet???
4 "whitelink" won't work in the body and only in some tables???
many thanks,
BODY {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
TD {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    text-decoration: none;
A { COLOR: #000099;
     FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
      FONT-SIZE: 12px;
     text-decoration: none}
A:HOVER {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
   text-decoration: underline;
    color: #FF0000;     }
a:VISITED {
    color: #993300;
    text-decoration: none;
A:VISITED:HOVER {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    text-decoration: underline;
    color: RED;
H1    {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 17px; COLOR: #000066; }
.whitelink A {
      COLOR: white;
      text-decoration: none;
      /*FONT-SIZE: 12px; */
      .whitelink A:HOVER {
    text-decoration: none;
    color: yellow;
.whitelink a:visited {
    color: yellow;
    text-decoration: none;
    .whitelink A:VISITED:HOVER {
    color: white;
    text-decoration: none;

Forgot to answer to your last two questions:
Sometimes I cannot override the style sheet
I highlight the text
i select the class
DW writes the code but in the browser it still obeys the style sheet???
4 "whitelink" won't work in the body and only in some tables???
I suspect you are adding classes to the wrong element on the page. Let me explain:
if you intend to select a link, then you click on the linked text in Design Window and then select the <a> tag for that link, on the Tag Selector Bar at the bottom of the Design Window. However, if you then select "whitelink" you will need to CHANGE MY CSS, because now yoru are adding the class to the A tag, not to one of its parents as we have the CSS selector written now. You would have to change this:
a.whitelink:link {
      color: white
a.whitelink:visited {
    color: yellow
a.whitelink:visited:hover {
    color: white
a.whitelink:hover {
    color: yellow
BUT- It would actually be better to leave the CSS the way I had it originally and instead to apply the "whitelink" class to a Parent tag, one, or more, that wrap around the portion of your page that needs this class for all the A tags within. So if there is a div or a table or some tds or some parents that enclose all the links you need white, then THOSE are the tags to select on the Tag Selector Bar to add the whitelink class to.
Hope that makes sense.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

LocalDirector & IE 6 Frameset/Style Sheet problems?

We are using the LD 417 to load balance across Sun webservers running Oracle Apache. We have just seen a problem where IE 6.x, accessed through the LDs, will not apply style sheets in Framesets, unless the page is refreshed, either by the user or programmatically. This does NOT happen to Netscape 7.x through the LDs or to IE 6.x when accessing the webservers directly.
Has anyone seen a problem similar to this and, if so, is there something in the LD to mitigate this problem?

I have also seen some issues with IE 6.0 with regard to the sticky cookies. It worked fine with IE 5.0
In your case have you tried IE5.0 and checking if it works. It usually is a browser issue.

Style Sheet Problem with Websphere

Hello. If anyone here has any experience with Websphere or iSeries, I would appreciate some help. I posted this topic in the Websphere forum , but it seems that forum isn't very active. Anyway, I can't get my style sheet to work with a java servlet application that I installed on an iSeries server. I put together the app and style sheet through WebSphere and exported everything to the server as an .ear file, installed the application and the program works; however, the app isn't accessing the style sheet. I'm new to both iSeries and Websphere. I've been trying this line:
writer.println("<LINK rel='stylesheet' type='text/css' href='Master.css'>");
and have tried putting the style sheet in the same folder as the class file, tried putting it in the Java Source folder, tried it all over the place really and have tried making the path absolute. I've also tried pasting the .java file into the classes folder with the .class file. None of my efforts have been successful. Is this even possible? Any help would be appreciated. Thank you.

have tried putting the style sheet in the same folder as the class file, tried
putting it in the Java Source folder, tried it all over the place really...In your web application, it should go in the same directory where you would put an HTML file or a JSP file. All those places you tried are places that the web server keeps hidden from clients. You should be able to request the CSS file from your browser in exactly the same way you would request an HTML or JSP file.

Style sheet problem, I think

http://www.jeffersoncircuitcourt6.org/preview/about-jefferson-circuit-court6.html
I have a style sheet up for the default type to be 1 ems on
1.4 ems line spacing. IE 6 and 7 seem to be paying attention to the
style, however, FF does not appear to be doing the same. I need to
know the error of my ways from those who know more than I. Can
anyone help?
Thanks,
Joe

camelbreath wrote:
>
http://www.jeffersoncircuitcourt6.org/preview/about-jefferson-circuit-court6.htm
> l
> I have a style sheet up for the default type to be 1 ems
on 1.4 ems line
> spacing. IE 6 and 7 seem to be paying attention to the
style, however, FF does
> not appear to be doing the same. I need to know the
error of my ways from those
> who know more than I. Can anyone help?
> Thanks,
> Joe
>
It looks pretty much the same to me apart from the very top -
but - each
browser assigns default margins to h1 and paragraphs etc -
you could try..
Change your h1 rule to this.....
h1 {
margin-top:0;
font-size: 1.6em;
and introduce this rule......
.cen-content p {
margin-top:0;
Does that work - I only checked in FF?
chin chin
Sinclair

Style Sheet Problem

Hey. Anybody who can help me with my stylesheet. On my page,
does it not shows my back and template. I Have a picture of the
code here. I cant edit the grey text and i think the problem is
were the arrow is. Take a look:
http://s221.photobucket.com/albums/dd8/chrisandersen14/?action=view&current=weaver.jpg
My Website is www.aurecords.com - i cant get the background
in.
Anybody who can help me. Thanks (:

You expect us to be able to read that?
<link href="file:///C|/Users/Christian
Andersen/Desktop/AUR/20832/site_flash/style.css"
The problem is the link to the CSS file is broken. Are you
working from a
DW site? Is the path to the CSS file shown in that link
correct?
And you know about this, right?
If you want to use Flash for navigation, consider this -
1. Some people don't have Flash installed - what do they do?
Especially
consider those people who are browsing from a corporate
internet where Flash
is not allowed by the IT staff.
2. Search engines may not parse Flash links - your site will
not be
spidered unless you have redundant HTML links
3. Screen assistive devices don't parse Flash links - what
will those users
do?
4. DW cannot maintain links within a Flash movie, so if you
move or rename
a linked file, your navigation will break - what will you do?
You will have
to remake those buttons.
It's usually a very bad idea for these reasons - and for
these reasons,
Adobe has removed Flash buttons and Flash text from CS4.
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
==================
"chrizzzzz" <[email protected]> wrote in
message
news:gpb4oi$npg$[email protected]..
> Hey. Anybody who can help me with my stylesheet. On my
page, does it not
> shows
> my back and template. I Have a picture of the code here.
I cant edit the
> grey
> text and i think the problem is were the arrow is. Take
a look:
>
http://s221.photobucket.com/albums/dd8/chrisandersen14/?action=view&current=weav
> er.jpg
>
> My Website is www.aurecords.com - i cant get the
background in.
>
> Anybody who can help me. Thanks (:
>

Uploaded style sheet problem

I put a holding page up for a web site I am developing that
took it's colour and font info from a CSS Template in dreamweaver
8. I have altered the template with different colours etc and when
I do a preview using IE on my desktop it looks fine. I uploaded the
page and again when I open it on my desktop via the web and still
using I.E. it opens and looks fine. But...............
When I open the page from another computer - the colours
change, the fonts change and the overal design moves. I have to
assume that the CSS template in not uploading to the sever properly
or is currupt in some way? Can anyone offer any pointers of what I
need to check?
the 3col_rightNav.html file is uploading to the server OK and
should be visable to the web page??
Please see
http://www.disableddirect.co.uk
for a view of how it should'nt look!!
Cheers

Sorry to bother people - I found the problem in the code.
<link rel="stylesheet" href="3col_rightNav.css"
type="text/css" />
It was linking to a temp page that had saved as the
stylesheet. I simply copied the correct CSS file to the root
directory and it solved the problem. I then altered the code to
change it from pointing to the temp files on my C Drive and problem
solved.

Safari print style sheet problem

Similar Messages

Maybe you are looking for