|
|
Posted by bidarsan on 11/27/38 11:57
I've been working on redesigning my site, and came to an "example"
page. I have been trying to print a representative page (see
www.orangefrogproductions.com/ofp2o_home.shtml from my test site) to
PDF, and only get the background image. I have been designing sites for
a number of years, and seem to remember having this problem some time
in the past, but, for the life of me, cannot remember how to fix it.
(Besides, back then, it probably had more to do with frames.) The page
looks great in IE6 (and is generic enough, I believe will look pretty
much the same elsewhere), but I have a positioning problem in Firefox
(page-bottom div overlays near the top of the page, which I think can
be fixed by adding a "position: relative", or the like to the div). The
problem seems to be in printing the page "as is". The problem also
shows in Print Preview. (only the background appears).
I have a lot of stuff in my CSSs, and am using most, if not all of
them. Most classes are named "generically", and work for me. Don't get
on me about that, huh? ;-) I am also using server-side includes (SSIs)
for my sidebar, page top (banner) and page bottom (linkbar/copyright
info), and don't believe that is the problem. My index page at
http://www.orangefrogproductions.com/ofp2/ prints, but doesn't use the
SSIs, maybe they ARE part of the problem...(?)
My CSSs are at www.orangefrogproductions.com/ofp2/css/ofp2.css (main
CSS) and www.orangefrogproductions.com/ofp2/css/ofp2p.css (print css).
I have a print CSS because I am going to drop the background, sidebar,
breadcrumbs and linkbar from the print, and attempt to add the links in
one of a couple of ways (see
http://www.alistapart.com/articles/improvingprint). I also plan to
change the colors to black or gray, and a few other odds and ends.
For the print CSS, I have commented out most, if not all, of the
relavent "floats", and have played around with positions. I have also
tried commenting out bits and pieces, and cannot find what is causing
the problem. (BTW: My original site pages -
www.orangefrogproductions.com - print fine, and when I change the
absolute position of the full-page div to static, it appears I will
only get one page of printout, where when it's left alone, I will get
11 pages. But again, only the background prints.) I have removed (and
replaced) the image, the color. I'm at my wit's end! (Showing my age,
huh?)
Does ANYONE have any idea what the problem is and how to fix it without
going through 150+ pages?
I thank you in advance for any help and insight you can give me.
Bill S.
Navigation:
[Reply to this message]
|