Re: [css-d] Table cell borders disappearing in Firefox
maybe 1 pixel just isn't enough when transfered to print, and maybe you could make a print stylesheet with 2 or 3px wide borders. by changing the border widths to 1pt instead of 1px, the problem seems to be resolved. Important thing to remember: a pixel has no defined fixed size, its size depends on the device being used to display it. A POINT equals approximately 1/72, regardless of the printer being used. I'd just never seen this problem with data tables before; having tested in several environments with several printers, all of them have calculated and displayed 1px lines accordingly. I think it may have been the combination of percentage-width table cells and the exact page width which caused the problem, which, as mentioned, has been resolved by using points. Regards Mark Howells www.permanenttourist.ch __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Table cell borders disappearing in Firefox
Hi!
Long time no hear. Back on the list again after an extended absence
and glad to see it's still going strong. So, to the problem...
I have a table including th and td cells, with borders defined in
CSS. The problematic part of the source is this:
th {border-style:solid;border-width:1px 1px 1px 0;border-color:#999
#f00 #999 #999}
This produces varying red right borders in Firefox 1.5 / Mac OS X
Tiger: I've put a screenshot (from the Print Preview at http://
media.permanenttourist.ch/temp/th_firefox.png Has anyone seen this
before? Does anyone have any ideas? The problem only seems to be
manifesting in the printout (and preview), not the standard browser
view.
Many thanks
Mark Howells
www.permanenttourist.ch
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table cell borders disappearing in Firefox
Mark Howells wrote:
I have a table including th and td cells, with borders defined
in CSS. The problematic part of the source is this:
th {border-style:solid;border-width:1px 1px 1px
0;border-color:#999 #f00 #999 #999}
This produces varying red right borders in Firefox 1.5 / Mac
OS X Tiger: I've put a screenshot (from the Print Preview at
http:// media.permanenttourist.ch/temp/th_firefox.png Has
anyone seen this before? Does anyone have any ideas? The
problem only seems to be manifesting in the printout (and
preview), not the standard browser view.
Could it be that the border widths on the tds are different,
and prints can't combine the widths of cells and borders to make
a straight table? (just guessing - for better guesses, could you
please add a url to the actual page?)
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table cell borders disappearing in Firefox
th {border-style:solid;border-width:1px 1px 1px
0;border-color:#999 #f00 #999 #999}
This produces varying red right borders in Firefox 1.5 / Mac
OS X Tiger
Could it be that the border widths on the tds are different, and
prints can't combine the widths of cells and borders to make a
straight table? (just guessing - for better guesses, could you
please add a url to the actual page?)
No, they're all 1px. The development version is at http://
intra.mountain.19.g-os.ch/test/list/themenplanung.html for the time
being, if anyone can take a look.
Thanks and regards
Mark Howells
www.permanenttourist.ch
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table cell borders disappearing in Firefox
Mark Howells wrote:
th {border-style:solid;border-width:1px 1px 1px
0;border-color:#999 #f00 #999 #999}
This produces varying red right borders in Firefox 1.5 / Mac
OS X Tiger
Could it be that the border widths on the tds are
different, and prints can't combine the widths of cells and
borders to make a straight table? (just guessing - for better
guesses, could you please add a url to the actual page?)
No, they're all 1px. The development version is at http://
intra.mountain.19.g-os.ch/test/list/themenplanung.html for the
time being, if anyone can take a look.
What I noticed:
- in Opera, the different columns already have different widths
of borders on screen when enlarging the font, but they are the
same in th and td.
- In Firefox, the print preview looks normal, it's only when
applying a percentage view (125% for instance), that the borders
are becoming different. Looks like rounding differences to me.
But I can't reproduce the borders on the ths taking a different
width than the borders on the tds below them.
I saw also, that if I apply only global.css at first, only the
ths have borders, while the tds haven't.
Then, in list.css, the padding on ths is different than on
tds, and you have separate border styles for 'thead th' and
'th' in the CSS.
Looking at your HTML, I see ths inside tbody in your html.
Best get rid of the HTML errors too, and see if that betters it.
HTH
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table cell borders disappearing in Firefox
- in Opera, the different columns already have different widths of borders on screen when enlarging the font, but they are the same in th and td. I'll accept that as a browser inconsistency, as the border widths appear to be totally random as you zoom in and out. All tds are identically defined - with pixels - in regards to border-width, so I can't see how they'd fluctuate according to the zoom function. This page will be in a closed environment anyway, in which there are no Opera users. - In Firefox, the print preview looks normal, it's only when applying a percentage view (125% for instance), that the borders are becoming different. The original problem I noticed was that some of the borders were totally invisible at 100%, which is why I zoomed in. On printing the page out normally, the really thin borders aren't there at all. If you can't see the lost borders, are you looking on OS X? The problem is not apparent under Windows (XP). I saw also, that if I apply only global.css at first, only the ths have borders, while the tds haven't. Then, in list.css, the padding on ths is different than on tds Correct. Only specific pages in the system have borders on the table cells (such as this page), whereas all th have borders by default. The browser should be able to deal with the horizontal padding and work out the width of each cell dynamically, as there are no set widths defined. Even with no padding on any cells, the border problem is still there. you have separate border styles for 'thead th' and 'th' in the CSS. Yes, that's correct. The borders are turned off for thead th. Looking at your HTML, I see ths inside tbody in your html. Best get rid of the HTML errors too, and see if that betters it. I had checked the syntax in BBEdit but have now validated it with the W3C; I'd left a few trs outside the tbody tags, which invalidated it. It's correct now, but the problem is still there... Regards Mark Howells www.permanenttourist.ch __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table cell borders disappearing in Firefox
Mark Howells wrote: - In Firefox, the print preview looks normal, it's only when applying a percentage view (125% for instance), that the borders are becoming different. The original problem I noticed was that some of the borders were totally invisible at 100%, which is why I zoomed in. On printing the page out normally, the really thin borders aren't there at all. If you can't see the lost borders, are you looking on OS X? The problem is not apparent under Windows (XP). Point taken - I don't have OS X, I read your initial post as Firefox *and* a browser on Mac OS X, as I didn't realise 'Tiger' is a Mac OS X version. Sorry :-) Yes, that's correct. The borders are turned off for thead th. Looking at your HTML, I see ths inside tbody in your html. Best get rid of the HTML errors too, and see if that betters it. I had checked the syntax in BBEdit but have now validated it with the W3C; I'd left a few trs outside the tbody tags, which invalidated it. It's correct now, but the problem is still there... Sorry, in that case, I have no idea, other than maybe 1 pixel just isn't enough when transfered to print, and maybe you could make a print stylesheet with 2 or 3px wide borders. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table cell borders disappearing in Firefox
Mark Howells wrote:
th {border-style:solid;border-width:1px 1px 1px
0;border-color:#999 #f00 #999 #999}
This produces varying red right borders in Firefox 1.5 / Mac
OS X Tiger
Could it be that the border widths on the tds are different, and
prints can't combine the widths of cells and borders to make a
straight table? (just guessing - for better guesses, could you
please add a url to the actual page?)
No, they're all 1px. The development version is at http://
intra.mountain.19.g-os.ch/test/list/themenplanung.html for the time
being, if anyone can take a look.
Mark,
I can't reproduce this on a PC, but neither can I see any red borders.
Why do you have the left borders set to 0? Try setting them to 1px as
well and just make sure border collapsing is on on the table. See if
this solves it.
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table cell borders disappearing in Firefox
maybe 1 pixel just isn't enough when transfered to print, and maybe you could make a print stylesheet with 2 or 3px wide borders. Hurrah! The old adage that Points Are For Print seems to have done the trick; by changing the border widths to 1pt instead of 1px, the problem seems to be resolved. (Win: XP IE6, Firefox 1.5, Opera 8.51; Mac OS X Tiger: Safari 2.0.3, Firefox 1.5) The anomaly of the Opera preview window seems to be on-screen only, as a printed version is fine. Opera seems to be happier with points too, as a test shows that the printed borders are almost invisible on paper, if they're defined as 1px. Thanks for your help and suggestions Regards Mark Howells www.permanenttourist.ch __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
