@Media Print flash objects

[dee2005]

Hi

has anyone had problems with hiding flash objects using @media print. For IE,

I styled it up this way

@media print{
.flashholder{display:none}
}

so the flash is hidden and all you can see is the text which is below it. Firefox renders this fine but IE gives you a one blank page.

Has any anyone got any suggestions to solve this

cheers

 

[BillyRayPreachersSon]

As a stab-in-the-dark, try this:

.flashholder, object, embed { display:none; }

Also, what version of IE are you testing in - 6 or 7?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[dee2005]

yeah try still produces a blank page.

I am testing in both IE6 and IE7 browers and getting the same result.

 

[BillyRayPreachersSon]

Is the blank page definately from the Flash object, i.e. if you remove the Flash from the page, do you still get a blank page when you print?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[dee2005]

yes in firefox it renders in the exact height of where the object would be.

 

[traingamer]

If you are using IE conditional expressions, that may be the source of your problem. See IE expressions ignore CSS media types

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[BillyRayPreachersSon]

yes in firefox it renders in the exact height of where the object would be.

But what about IE? Did you perhaps misunderstand my last post?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[dee2005]

oh ok when there is no flash object, then the text is visible

 

[BillyRayPreachersSon]

But do you or do you not get a blank page when you print?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[dee2005]

1) If flash is not installed when I print the page the text is visible on both IE(all versions) and firefox.

2) When flash is installed when I print the page the flash object printed out but with no text (this happens in IE all versions)

3)When flash is installed and I use the @media print....display:none; style. The page is blank when printed from IE (all versions), therefore not showing any text or flash object. Firefox is fine.

I am trying to hide the flash object and print just the text.

I hope this clears up what I am trying to do.

 

[BillyRayPreachersSon]

Do you have a URL to the page? It might be some oddity with your PC, so it would be good to see if it happens on other PCs...

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[dee2005]

http://www.bowers-wilkins.com/display.aspx?infid=2466

look at the specification section

 

[BillyRayPreachersSon]

If I print from IE 7, I get a page with the speaker image at the top and nothing else.

What happens if you remove your IE style sheet altogether? i ask, as it is loaded after the print CSS, so could be overriding some stuff.

Personally, I'd break out your print CSS and load that last after all other CSS using:

<link ... media="print">

Hope this helps,
Dan




Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

dee2005,

How did you go with that? Do you still have the problem if you link the CSS in that way?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[dee2005]

I tried your suggestions

the print style is in a file of its own and still producing the same result.

I have be unable to find any fixes on the web to help me solve this issue.

Its like the swf file is covering the rest of the content.

Dee