[jQuery] Re: Complex(ish) table formatting code not working in Firefox 2
Deamach thanks for looking, In the screen shot you posted it definately appears wrong. please take a look at the page with the firefox win fix. http://www.logicbox.net/jquery/pricetable/index2.html The second table should have a thick blue border around the body. W On Jul 17, 7:17 pm, Daemach [EMAIL PROTECTED] wrote: It's working fine here (ss attached). Try refreshing your cache. If you are using Firefox, occasionally you have to force it. Try using this addon: https://addons.mozilla.org/en-US/firefox/addon/1801 Then reload the page using ctrl-shift-r. On 7/17/07, Will Kelly [EMAIL PROTECTED] wrote: Screenshot from FF2 here http://www.logicbox.net/jquery/pricetable/screen.jpg On Jul 17, 2:15 pm, Benjamin Sterling [EMAIL PROTECTED] wrote: I second Erik on this, can you elaborate on your issue? Maybe send a screen shot of what you are getting? tableprice.jpg 152KViewDownload
[jQuery] Re: Complex(ish) table formatting code not working in Firefox 2
Can anybody confirm if this is a bug? It looks like it to me!
Here's the code...
(function($) {
$.fn.priceTable = function () {
return this.each(function() {
$(thead td:first, this).addClass('js-ptd');
$(thead th:last, this).addClass('js-rtd');
$(tbody th, this).addClass('js-ltd');
$(tbody tr:first td, tbody tr:first
th,this).addClass('js-ttd');
$(tbody tr, this).each(function() {
$(td:last, this).addClass('js-rtd');
$(td:odd, this).addClass('js-bgtd');
});
$(tbody tr:last td, tbody tr:last
th,this).addClass('js-btd');
});
};
})(jQuery);
$(function() {
$(table.prices).priceTable();
});
On Jul 16, 1:37 pm, Will Kelly [EMAIL PROTECTED] wrote:
Hi,
Not sure if this is a bug or not, but Firefox seems not to properly
apply a series of class names.
Here's the examplehttp://www.logicbox.net/jquery/pricetable/short-css.html
with a 'console.log' to fix the firefox
rendering.http://www.logicbox.net/jquery/pricetable/short-css-firefox-fix.html
Thinking that this might be to with specificity I did a version with
more verbose
CSS.http://www.logicbox.net/jquery/pricetable/verbose-css.htmlhttp://www.logicbox.net/jquery/pricetable/verbose-css-firefox-fix.html
Again the same problem crops up in Firefox. They all work fine in
IE6/7, Safari 3beta etc.
Very odd, any ideas? This one's been annoying me for a while now!
Thanks,
Will
[jQuery] Re: Complex(ish) table formatting code not working in Firefox 2
I'm not sure what problem you're having. The pages appear to render identically in FF and Safari... What about it do you think isn't working right? In looking through the generated source in firebug, it appears that all of your classes are getting added to the correct elements... Actually, upon closer inspection, there is a small 1px white line between the column headers in FF that isn't in Safari, but it isn't bad, and is probably the result of a rendering difference between the browsers, not a jQuery issue. --Erik On 7/16/07, Will Kelly [EMAIL PROTECTED] wrote: Hi, Not sure if this is a bug or not, but Firefox seems not to properly apply a series of class names. Here's the example http://www.logicbox.net/jquery/pricetable/short-css.html with a 'console.log' to fix the firefox rendering. http://www.logicbox.net/jquery/pricetable/short-css-firefox-fix.html Thinking that this might be to with specificity I did a version with more verbose CSS. http://www.logicbox.net/jquery/pricetable/verbose-css.html http://www.logicbox.net/jquery/pricetable/verbose-css-firefox-fix.html Again the same problem crops up in Firefox. They all work fine in IE6/7, Safari 3beta etc. Very odd, any ideas? This one's been annoying me for a while now! Thanks, Will
[jQuery] Re: Complex(ish) table formatting code not working in Firefox 2
I second Erik on this, can you elaborate on your issue? Maybe send a screen shot of what you are getting? On 7/17/07, Erik Beeson [EMAIL PROTECTED] wrote: I'm not sure what problem you're having. The pages appear to render identically in FF and Safari... What about it do you think isn't working right? In looking through the generated source in firebug, it appears that all of your classes are getting added to the correct elements... Actually, upon closer inspection, there is a small 1px white line between the column headers in FF that isn't in Safari, but it isn't bad, and is probably the result of a rendering difference between the browsers, not a jQuery issue. --Erik On 7/16/07, Will Kelly [EMAIL PROTECTED] wrote: Hi, Not sure if this is a bug or not, but Firefox seems not to properly apply a series of class names. Here's the example http://www.logicbox.net/jquery/pricetable/short-css.html with a 'console.log' to fix the firefox rendering. http://www.logicbox.net/jquery/pricetable/short-css-firefox-fix.html Thinking that this might be to with specificity I did a version with more verbose CSS. http://www.logicbox.net/jquery/pricetable/verbose-css.html http://www.logicbox.net/jquery/pricetable/verbose-css-firefox-fix.html Again the same problem crops up in Firefox. They all work fine in IE6/7, Safari 3beta etc. Very odd, any ideas? This one's been annoying me for a while now! Thanks, Will -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] Re: Complex(ish) table formatting code not working in Firefox 2
Erik thanks, Just had a friend test on Firefox 2 on Mac OS X, and he had no problem, are you on the same platform? I think possibly it's a Windows issue only. Created new example pages to better demonstrate. This page: http://www.logicbox.net/jquery/pricetable/index1.html The top table is unmodified and the bottom one should be in should be fully jqueried up. However in Firefox 2 (2.0.0.4 here, not sure about 1 or 1.5etc) the border styles around the td's/th's in the table body aren't rendered (though the class names are correctly applied). On this page (with Firebug installed): http://www.logicbox.net/jquery/pricetable/index2.html It renders it correctly with a console.log($(table.prices1)) 'hack'. Will On Jul 17, 12:37 pm, Erik Beeson [EMAIL PROTECTED] wrote: I'm not sure what problem you're having. The pages appear to render identically in FF and Safari... What about it do you think isn't working right? In looking through the generated source in firebug, it appears that all of your classes are getting added to the correct elements... Actually, upon closer inspection, there is a small 1px white line between the column headers in FF that isn't in Safari, but it isn't bad, and is probably the result of a rendering difference between the browsers, not a jQuery issue. --Erik On 7/16/07, Will Kelly [EMAIL PROTECTED] wrote: Hi, Not sure if this is a bug or not, but Firefox seems not to properly apply a series of class names. Here's the example http://www.logicbox.net/jquery/pricetable/short-css.html with a 'console.log' to fix the firefox rendering. http://www.logicbox.net/jquery/pricetable/short-css-firefox-fix.html Thinking that this might be to with specificity I did a version with more verbose CSS. http://www.logicbox.net/jquery/pricetable/verbose-css.html http://www.logicbox.net/jquery/pricetable/verbose-css-firefox-fix.html Again the same problem crops up in Firefox. They all work fine in IE6/7, Safari 3beta etc. Very odd, any ideas? This one's been annoying me for a while now! Thanks, Will
[jQuery] Re: Complex(ish) table formatting code not working in Firefox 2 [windows bug?]
Ouch rather annoyingly googlegroups ate my reply!.. Erik thanks, I got a friend to test on FF2 on Mac OS X and he had no problems, are you on the same platform? I think possibly it's a FF Windows issue. To clarify this problem ive done a couple of new examples. http://www.logicbox.net/jquery/pricetable/index1.html Top table is unmodified, bottom one has is jqueried, however in FF2 Win (2.0.0.4 here, not tested on 1/1.5) it does not correctly render the border on the td's/th's within the tbody (though the classnames are correctly applied). http://www.logicbox.net/jquery/pricetable/index2.html This works on FF2 (with Firebug). I've applied the 'fix' console.log($ (table.prices1)) Will On Jul 17, 12:37 pm, Erik Beeson [EMAIL PROTECTED] wrote: I'm not sure what problem you're having. The pages appear to render identically in FF and Safari... What about it do you think isn't working right? In looking through the generated source in firebug, it appears that all of your classes are getting added to the correct elements... Actually, upon closer inspection, there is a small 1px white line between the column headers in FF that isn't in Safari, but it isn't bad, and is probably the result of a rendering difference between the browsers, not a jQuery issue. --Erik On 7/16/07, Will Kelly [EMAIL PROTECTED] wrote: Hi, Not sure if this is a bug or not, but Firefox seems not to properly apply a series of class names. Here's the example http://www.logicbox.net/jquery/pricetable/short-css.html with a 'console.log' to fix the firefox rendering. http://www.logicbox.net/jquery/pricetable/short-css-firefox-fix.html Thinking that this might be to with specificity I did a version with more verbose CSS. http://www.logicbox.net/jquery/pricetable/verbose-css.html http://www.logicbox.net/jquery/pricetable/verbose-css-firefox-fix.html Again the same problem crops up in Firefox. They all work fine in IE6/7, Safari 3beta etc. Very odd, any ideas? This one's been annoying me for a while now! Thanks, Will
[jQuery] Re: Complex(ish) table formatting code not working in Firefox 2
Screenshot from FF2 here http://www.logicbox.net/jquery/pricetable/screen.jpg On Jul 17, 2:15 pm, Benjamin Sterling [EMAIL PROTECTED] wrote: I second Erik on this, can you elaborate on your issue? Maybe send a screen shot of what you are getting?
