Hello again,
Please forgive my novice questions, but I’m trying to do this
right the first time and was wondering if it’s possible (or not
recommended) to create one CSS file to style a page for on-screen
viewing as well as for printing?
The page I’m working on:
http://testing.neptuniandesigns.com/av_materials_test.php
is beginning to look as intended (on-screen), but when I go
to print preview (and shrink to fit) using Firefox, the page breaks
things in half and just looks generally “bad”.
In the IE7 print preview, everything looks even worse,
because now my product description text is all moved out of it’s
original location.
I’ve also noticed the the justification of the text does not
maintain itself via print preview in FireFox, but does maintain it
IE7!
Any advice from some of you pros out there as to the best
approach to handling both print and on-screen viewing would be
greatly appreciated!
Thanks,
~Greg|||
Generally you would create two style sheets, one for screen
and one for
print. That way in the print css you can hide elements that
are not relevant
such as navigation
–
Paul Whitham
Certified Dreamweaver MX2004 Professional
Adobe Community Expert – Dreamweaver
Valleybiz Internet Design
www.valleybiz.net
“Myrrhlin225″ <webforumsuser@macromedia.com> wrote in
message
news:f59to0$6tj$1@forums.macromedia.com…
> Hello again,
> Please forgive my novice questions, but I’m trying to do
this right the
> first
> time and was wondering if it’s possible (or not
recommended) to create one
> CSS
> file to style a page for on-screen viewing as well as
for printing?
>
> The page I’m working on:
>
http://testing.neptuniandesigns.com/av_materials_test.php
> is beginning to look as intended (on-screen), but when I
go to print
> preview
> (and shrink to fit) using Firefox, the page breaks
things in half and just
> looks generally “bad”.
>
> In the IE7 print preview, everything looks even worse,
because now my
> product
> description text is all moved out of it’s original
location.
>
> I’ve also noticed the the justification of the text does
not maintain
> itself
> via print preview in FireFox, but does maintain it IE7!
>
> Any advice from some of you pros out there as to the
best approach to
> handling
> both print and on-screen viewing would be greatly
appreciated!
>
> Thanks,
> ~Greg
>
|||
http://www.alistapart.com/articles/goingtoprint/
–
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
==================
“Paul Whitham AdobeCommunityExpert”
<design@valleybiz.net> wrote in message
news:f5a8oq$iln$1@forums.macromedia.com…
> Generally you would create two style sheets, one for
screen and one for
> print. That way in the print css you can hide elements
that are not
> relevant such as navigation
>
> —
> Paul Whitham
> Certified Dreamweaver MX2004 Professional
> Adobe Community Expert – Dreamweaver
>
> Valleybiz Internet Design
> www.valleybiz.net
>
> “Myrrhlin225″ <webforumsuser@macromedia.com> wrote
in message
> news:f59to0$6tj$1@forums.macromedia.com…
>> Hello again,
>> Please forgive my novice questions, but I’m trying
to do this right the
>> first
>> time and was wondering if it’s possible (or not
recommended) to create
>> one CSS
>> file to style a page for on-screen viewing as well
as for printing?
>>
>> The page I’m working on:
>>
http://testing.neptuniandesigns.com/av_materials_test.php
>> is beginning to look as intended (on-screen), but
when I go to print
>> preview
>> (and shrink to fit) using Firefox, the page breaks
things in half and
>> just
>> looks generally “bad”.
>>
>> In the IE7 print preview, everything looks even
worse, because now my
>> product
>> description text is all moved out of it’s original
location.
>>
>> I’ve also noticed the the justification of the text
does not maintain
>> itself
>> via print preview in FireFox, but does maintain it
IE7!
>>
>> Any advice from some of you pros out there as to the
best approach to
>> handling
>> both print and on-screen viewing would be greatly
appreciated!
>>
>> Thanks,
>> ~Greg
>>
>
>
|||
Thanks for the “alistapart” link! That was very
helpful!|||
Thanks for clarifying this for me Paul! I did a bit more
research and found some information on how to use two different CSS
files. I’ll see what I can do with this, but I’m a little worried
that because I used floated block elements in my screen layout,
that I may have to use tables instead if I want to maintain the
basic layout for print.
Thanks again!
~Greg|||
Why? They’ll work fine on print.
–
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
==================
“Myrrhlin225″ <webforumsuser@macromedia.com> wrote in
message
news:f5bkji$b2r$1@forums.macromedia.com…
> Thanks for clarifying this for me Paul! I did a bit more
research and
> found
> some information on how to use two different CSS files.
I’ll see what I
> can do
> with this, but I’m a little worried that because I used
floated block
> elements
> in my screen layout, that I may have to use tables
instead if I want to
> maintain the basic layout for print.
>
> Thanks again!
> ~Greg
>
|||
I was just reading an article that said Firefox does not
handle floated elements for print very well, especially when
printing across multiple pages…
Related posts:
- Problem creating PDF file using the Adobe PDF printer
- Printer dialog, selecting printer with kestroke doesn’t work
- Adobe Acrobat Pro X Ignoring Printer Presets
- printer friendly page
- Finding printer and output to printer problem
Related posts brought to you by Yet Another Related Posts Plugin.
