[Web4lib] Firefox/CSS printing problem

[Stacy Pober]

Well thank you!  That was easy.

Removing the "overflow: hidden" seems to fix the problem.

Using the Firefox Web Developer plugin, I outlined block-level
elements, and I don't see any of the list items actually overflowing
their containers.

However, it works, so I'm not going to worry too much about it.

Thanks so much!

Stacy

On Sun, Nov 8, 2009 at 5:06 PM, Jon Gorman <jonathan.gorman at gmail.com> wrote:
> 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
>



-- 
Stacy Pober
Information Alchemist
Manhattan College Library
Riverdale, NY 10471
stacy.pober at manhattan.edu