Realmac Software

Hello everyone.

I uploaded my RW site to http://test.opensourcevegan.com, and it’s not displaying properly in Firefox. However, I can view it correctly in Google Chrome, Safari, and the RapidWeaver browser (I don’t have IE…......).

I’m using the Havenit theme from seydesign.

How can this page be viewed correctly in FireFox so I can take it out of the subdomain?

Thanks.

—Franklin

Have you tried seyDesign support regarding the problem with the theme? The product site says it should work properly in Firefox 3.5+.

http://www.seydesign.com/support/

Vasily

In FireFox, load your page and then from the ‘Tools’ menu select ‘Error Console’. You will see a list of errors, though if you do the equivalent in Safari (you need the ‘Developer’ menu enabled to do this) there are no errors.

Looking at just one error, the ‘Home’ and ‘About’ links which should be in a box with curved corners but are misplaced and not in a box in FireFox. These links depend on the class ‘toolbar_horizontal’ in the css file (the error list shows you the URL).

This class is listed thus in the css:

#toolbar_horizontal,#toolbar_vertical ul a,.filesharing-item,.radius5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

‘border-radius’ is not a css property; you will notice that it is preceded by ‘webkit’, which is the method Safari and some other browsers (though not, I believe, FireFox) use to render pages, so it looks as if the developers of this theme are making use of facilities in the webkit which are, strictly speaking, non-standard and which FireFox doesn’t recognize. Internet Explorer doesn’t show these links at all according to the checking system at http://browsershots.org/ (which is a useful place for checking the behaviour of browsers you don’t have).

It looks as if the developers have made claims about compatibility without thoroughly checking things.

opensourcevegan - 30 July 2010 03:09 AM

Hello everyone.

I uploaded my RW site to http://test.opensourcevegan.com, and it’s not displaying properly in Firefox. However, I can view it correctly in Google Chrome, Safari, and the RapidWeaver browser (I don’t have IE…......).

I’m using the Havenit theme from seydesign.

How can this page be viewed correctly in FireFox so I can take it out of the subdomain?

Thanks.

—Franklin

We got you sorted out over the phone I believe? Glad it’s working now.

Roger Wilmut - 30 July 2010 11:35 AM

In FireFox, load your page and then from the ‘Tools’ menu select ‘Error Console’. You will see a list of errors, though if you do the equivalent in Safari (you need the ‘Developer’ menu enabled to do this) there are no errors.

Looking at just one error, the ‘Home’ and ‘About’ links which should be in a box with curved corners but are misplaced and not in a box in FireFox. These links depend on the class ‘toolbar_horizontal’ in the css file (the error list shows you the URL).

This class is listed thus in the css:

#toolbar_horizontal,#toolbar_vertical ul a,.filesharing-item,.radius5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

‘border-radius’ is not a css property; you will notice that it is preceded by ‘webkit’, which is the method Safari and some other browsers (though not, I believe, FireFox) use to render pages, so it looks as if the developers of this theme are making use of facilities in the webkit which are, strictly speaking, non-standard and which FireFox doesn’t recognize. Internet Explorer doesn’t show these links at all according to the checking system at http://browsershots.org/ (which is a useful place for checking the behaviour of browsers you don’t have).

It looks as if the developers have made claims about compatibility without thoroughly checking things.

Thanks so much for your troubleshooting advice.

I talked with seydesign via phone, and Adam gave me excellent customer service. He told me I am using RapidWeaver to the max because I’m doing a lot of @imports of carousels and stacks inside a blog page, which could potentially give me problems. Also, I had greybox javascript code in my header that I wasn’t using. However, the problem for the page not displaying correctly in Firefox was because I had two illegal tags for my titles. I was using a <center> and <font color=”“> tag, which messed up my whole display in Firefox. If I want to do any adjustments, I have to do it in CSS.

Thanks again everyone, seydesign, and Adam.

Your tips are very useful.

BTW, the 2nd beta version of my site will be up soon on my main site, OpenSourceVegan.com. I’m currently uploading it to CyberDuck.

—Franklin
http://www.opensourcevegan.com