printing CSS background image

Hi:

Working on a new site, using a Template Monster (no jokes please) that my
client wants me to use. I am not thrilled using some else's setup, and it's no
picnic to work with, but my graphic skills are not nearly as good as my
technical, and the client wants something more artistic.

I have a background image in the CSS that does not print -- it's the client's
photo, so it's important. So as an alternative, I took it out of the
background and did an AP Div and was able to position it properly on screen,
and it prints fine. However, in Safari and Google Chrome, the whole page is
blown apart. In IE and FF, no problem.

Is there an easy fix? I am going to restore the page tonight with the
original bg image setup (which rendered in all my browsers but didn't print)
and post it for help, but it's not ready now.

Here's the link to the "printable" version.

Thanks in advance for your help.

Rgds, Ned

And the link is:

www.curlytopdesign.com/testwebs/john_martin/index.html

Thx, Ned

Just so you'll know, I wouldn't touch anything from Template Monster with a
ten foot pole. Their support *and* their code methods are poor. But that's
shutting the barn door after the horse is gone, I see.

Background images don't print unless you personally visit every printer and
set their properties to do so. Sorry.

--
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
==================


"Nedward" <webforumsuser (AT) macromedia (DOT) com> wrote

And the link is:

www.curlytopdesign.com/testwebs/john_martin/index.html

Thx, Ned

The browser has a setting under tools advanced printing to check a box to
print background colors and images if you want to print them.
Dave
"Nedward" <webforumsuser (AT) macromedia (DOT) com> wrote

Hi:

Working on a new site, using a Template Monster (no jokes please) that my
client wants me to use. I am not thrilled using some else's setup, and
it's no
picnic to work with, but my graphic skills are not nearly as good as my
technical, and the client wants something more artistic.

I have a background image in the CSS that does not print -- it's the
client's
photo, so it's important. So as an alternative, I took it out of the
background and did an AP Div and was able to position it properly on
screen,
and it prints fine. However, in Safari and Google Chrome, the whole page
is
blown apart. In IE and FF, no problem.

Is there an easy fix? I am going to restore the page tonight with the
original bg image setup (which rendered in all my browsers but didn't
print)
and post it for help, but it's not ready now.

Here's the link to the "printable" version.

Thanks in advance for your help.

Rgds, Ned

Hi Murray:

In its current state, do you know why the Safari/Chrome renderings are so
screwed up? The W3C validator is "Green", and IE and FF show perfectly.

FYI, I found an old post which suggested styling the AP div to display in
print mode only. But if the div is breaking up the page, the current problem
remains, no?

Thx, Ned

But if the div is breaking up the page

Any absolutely positioned element is removed from the flow of the code on
the page. As a result, it cannot possibly interact with anything else on
the page, so it couldn't possibly be responsible for the breakup you are
seeing. Have you posted a link to the broken page?

--
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
==================


"Nedward" <webforumsuser (AT) macromedia (DOT) com> wrote

Hi Murray:

In its current state, do you know why the Safari/Chrome renderings are so
screwed up? The W3C validator is "Green", and IE and FF show perfectly.

FYI, I found an old post which suggested styling the AP div to display in
print mode only. , the current problem
remains, no?

Thx, Ned

Yess'r!

www.curlytopdesign.com/testwebs/john_martin/index.html

What is the problem 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
==================


"Nedward" <webforumsuser (AT) macromedia (DOT) com> wrote

Yess'r!

www.curlytopdesign.com/testwebs/john_martin/index.html

Safari on PC and Mac have none of the images visible, and the content is up
high on the page. Google Chrome is identical.

IE, FF, Opera on both PC and Mac are fine. I have cleared caches without
success. DW preview is the same. Browsers are set to show images.

I am OK to rebuild, but I am baffled by Safari especially.

Thanks for your help!

I backtracked, and am taking it more slowly so I don't cause my own problems again.

As Jimmy Buffett said, "Well, it could be my fault"...