Printer Friendly in IE6 ot So Friendly in Firefox

[gener672]

I committed the cardinal sin of using tables and am now paying the price.

Actually I didn't design my webpages with tables - did it with CSS (i.e. table-less) but the info for users was best presented with tables (at least the Vet I'm working with gave me the info in tables).

I created a style sheet for printing (media="print") and linked it in having defined several rules to make the printout from IE6 look good. To get the text and table to be in the right places, I had to make several left-margins large negative numbers (like -36 and -300) because the text and table were 'shoved' to the right. Output looks good in IE6 but when I print (preview) it in FF, everything is moved to the left (duh - just like I told it).

Is there something special I should be doing for IE6 (or FF ... though I suspect FF is in the right and IE is not rendering the code correctly)?

The page is at: www.dvmvac.com/REDESIGNnew/CVTypes.shtml
and the print CSS is: www.dvmvac.com/REDESIGNnew/DVMprintCSS.css
(both the html and CSS validate via web Developer (with W2C)).

[drhowarddrfine]

Is there something special I should be doing for IE6 (or FF ... though I suspect FF is in the right and IE is not rendering the code correctly)?

In 99% of all cases, this is true. IE should never, ever be used as a reference for how things work or a design tool.

in FF, everything is moved to the left (duh - just like I told it).

So let's not try to fix FF when it is IE that is not performing correctly.

with W2C

It's the W3C, not W2C.

In spite of my ranting above, I have not done much with css print stuff so I can't help right now.

[gener672]

In 99% of all cases, this is true. IE should never, ever be used as a reference for how things work or a design tool.
So let's not try to fix FF when it is IE that is not performing correctly.
It's the W3C, not W2C.

In spite of my ranting above, I have not done much with css print stuff so I can't help right now.

W3C - I stand corrected (fat fingers) ... at least you know what I meant.

Glad I didn't use IE for testing of initial website !!

Unfortunately, 77.4% of the DVM's referring to this website use IE6 or IE7 so it has to work for them. Also, printing from FF was not a problem .. thus the initial reliance on IE for printer friendly.

[drhowarddrfine]

Unfortunately, 77.4% of the DVM's referring to this website use IE6 or IE7 so it has to work for them.

It doesn't matter. Writing markup for a buggy browser produces buggy markup. Write to the standard and test in a modern standards compliant browser produces proper markup that works everywhere, except where IE screws up. But IEs quirks and bugs are known, as well as the fixes.

[gener672]

It doesn't matter. Writing markup for a buggy browser produces buggy markup. Write to the standard and test in a modern standards compliant browser produces proper markup that works everywhere, except where IE screws up. But IEs quirks and bugs are known, as well as the fixes.

OK, will throw out the markup I have but not sure how to proceed now. Seems like whatever I do to make IE browsers won't work in FF or Opera or Safari.

[drhowarddrfine]

No, no! I'm not saying that at all. I'm saying your markup is probably written correctly but you are looking at buggy IE and saying why isn't it working in firefox when you know your markup is doing exactly what you wrote, but not what you want.

Change the markup to what you want it to do in FF, then find out why IE is screwing it up! If your 1997 Ford doesn't work like your 2007 Porsche, you don't start tinkering with the Porsche.

[gener672]

Change the markup to what you want it to do in FF, then find out why IE is screwing it up! If your 1997 Ford doesn't work like your 2007 Porsche, you don't start tinkering with the Porsche.

Understand ... problem is there is very little to do for FF to print the way I want (maybe a few - display:none; - rule changes) . By telling FF to set the scale at 75%, the pages print the way they are written. Does that mean by redefining my #wrapper to 768 (1024 * .75 = 768) the output will be ok in IE ... I'll try it, so don't bother to answer unless I'm way off base and I need to be pointed in the right direction.

[gener672]

I'll try it

Almost worked ... needs a little tweaking but think I'm on the right track

Thanks for everyone's feedback
.

[sunderrajan]

I committed the cardinal sin of using tables and am now paying the price.

Actually I didn't design my webpages with tables - did it with CSS (i.e. table-less) but the info for users was best presented with tables (at least the Vet I'm working with gave me the info in tables).

I created a style sheet for printing (media="print") and linked it in having defined several rules to make the printout from IE6 look good. To get the text and table to be in the right places, I had to make several left-margins large negative numbers (like -36 and -300) because the text and table were 'shoved' to the right. Output looks good in IE6 but when I print (preview) it in FF, everything is moved to the left (duh - just like I told it).

Is there something special I should be doing for IE6 (or FF ... though I suspect FF is in the right and IE is not rendering the code correctly)?

The page is at: www.dvmvac.com/REDESIGNnew/CVTypes.shtml
and the print CSS is: www.dvmvac.com/REDESIGNnew/DVMprintCSS.css
(both the html and CSS validate via web Developer (with W2C)).

pls give the <br> tag infront of the types of vaccines