[Web4lib] Firefox/CSS printing problem

Jon Gorman jonathan.gorman at gmail.com
Sun Nov 8 17:06:44 EST 2009


On Sun, Nov 8, 2009 at 3:48 PM, Stacy Pober <stacy.pober at manhattan.edu> wrote:
> I have some pages that don't print properly from Firefox.  The pages
> have been validated and are fine for XHTML 1.0 Transitional and CSS
> level 2.1.  I have no @print directives in the css for the page.
>
> There are two main problems when you print these pages in Firefox.
> One is that  a page break is inserted after every <h3> </h3> section.
> The other is that the print version of unordered lists are truncated.
> Only the first page of list items prints out per <ul> list.

I'm guessing it's the overflow settings...  I yanked the following css
stanza and it seemed to look better in the print preview..


ul, ol {
margin: 0 3em 1em 0;
padding:0;
position:relative;
overflow:hidden;
}

I'd guess there might be some bugs here combined with different margin
units.  I haven't actually looked too closely at the code.  What I did
was pretty simple though, I jused used web developer to edit the css
inline and cut out big chunks and narrowed in on the problem area.
(Firebug would be good for this purpose too.)

Any particular reason that these are position: relative and overflow: hidden?

Don't have time to look too closely.  I was just a bit intrigued that
a simple page was having those issues.

Jon Gorman




More information about the Web4lib mailing list