7 replies [Last post]
ndogg
Offline
Regular
Minneapolis
Last seen: 13 years 51 weeks ago
Minneapolis
Timezone: GMT-6
Joined: 2006-02-04
Posts: 15
Points: 0

To those of you that have been following my posts here over the past weeks: my site is finally finished.

Check out a page here: http://www.hawkherald.com/about.php

But there is still one minor problem. If you try to print an article (or any page) that is longer than the right navigation, Firefox just completely screws it up. For example look at the print preview in Firefox for this page http://www.hawkherald.com/article/200602001.php--notice how everything is just screwed up?

This glitch is only present in Firefox (I am using the current version, 1.5.0.1), I have tested it to work fine in both Safari and Internet Explorer. Does anyone know what's going on?

On a note of lesser importance, the Mac version of Internet Explorer continues to have serious problems with my site. If the left content area (like in the above link) is longer than the content in the right column, it displays the right column at the bottom of the left content area. And also, the background image for my right column continues to show through the footer on IE Mac.

Mile
Mile's picture
Offline
Enthusiast
Glasgow, UK
Last seen: 13 years 50 weeks ago
Glasgow, UK
Joined: 2005-01-22
Posts: 81
Points: 0

Re: Firefox screws up print version

ndogg wrote:
To those of you that have been following my posts here over the past weeks: my site is finally finished.

The about page doesn't render properly in Firefox or Netscape; the Archives option is clashing with the About header.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 31 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Firefox screws up print version

As mentioned in your thread on the other forum, you need to create a print stylesheet into which you add display: none for all the elements that don't need to be printed. In my case, I usually turn off all navigation elements as they're not really relevant to an article that someone has printed off to read.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

ndogg
Offline
Regular
Minneapolis
Last seen: 13 years 51 weeks ago
Minneapolis
Timezone: GMT-6
Joined: 2006-02-04
Posts: 15
Points: 0

Firefox screws up print version

Mile wrote:
ndogg wrote:
To those of you that have been following my posts here over the past weeks: my site is finally finished.

The about page doesn't render properly in Firefox or Netscape; the Archives option is clashing with the About header.Are you sure? I have tested all pages of my site to display correctly with Firefox on both Mac and Windows. Or are you just talking about the print version?

Tyssen wrote:
As mentioned in your thread on the other forum, you need to create a print stylesheet into which you add display: none for all the elements that don't need to be printed. In my case, I usually turn off all navigation elements as they're not really relevant to an article that someone has printed off to read.
Do you think a print css will correct the extremely screwed up print version of pages with longer left areas (see article link above)? I will think about making a print style sheet if I don't get any other help for just correcting the regular style sheet.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 31 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Firefox screws up print version

Yes it will if you set the right column to display:none.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

ndogg
Offline
Regular
Minneapolis
Last seen: 13 years 51 weeks ago
Minneapolis
Timezone: GMT-6
Joined: 2006-02-04
Posts: 15
Points: 0

Firefox screws up print version

Tyssen wrote:
Yes it will if you set the right column to display:none.
Ok, I made a print css with just the display:none for the right column, so now it doesn't display it but Firefox still screws up the print. For example check out this page http://www.hawkherald.com/article/200602001.php and notice how nothing is on the first page except the header and 4/5 of the page just blank. Then on the next pages the footer is moved to the right column. How can I fix this?

I would also like to know what the first person was talking about my site looking screwed up in Firefox and Netscape. I do not have Netscape, but I do have Firefox and it has worked perfectly with the current version on both Mac and Windows. I would be really bummed out if when I finally open this site to the public tomorrow there are these major glitches on certain browsers.

ndogg
Offline
Regular
Minneapolis
Last seen: 13 years 51 weeks ago
Minneapolis
Timezone: GMT-6
Joined: 2006-02-04
Posts: 15
Points: 0

Firefox screws up print version

The solution to this problem was found at another forum.

http://forums.digitalpoint.com/showthread.php?t=57548

FeelLikeANut wrote:
For #leftcontainer you have overflow:hidden—delete that. I don't see what purpose this property serves your page, so nothing else should be affected.

Do you think I should still keep my print CSS to not display the right column?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 19 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Firefox screws up print version

I think that you need to actually study some tutorials on how to implement print style sheets you would probably have arrived at a solution quicker than badgering four different forums with the same questions, and possibly getting conflicting advise.

It looks as though you still have the space reserved for the right column which is pointless, with a print style sheet you should view it as an opportunity to rework the layout to suit print dimensions loose all elements that are not required and expand the main content to fill the page and use print measures this time such as inches or cm and pt for font-sizing.

You do have a problem with your ul menu right aligning and wrapping to the line bellow on initial load you will need to have a look at your rules and find out what is causing the problem maybe give some form/dimension to the ul.

fwiw the poster on the other forum bad mouthing FF was/is talking out of his.....

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me