Display on Browser Firefox
-
I have a big problem!
My prototype is working on all Browsers – except on Firefox!!
Everything is different. The complete site is moved.
Can someone help me to solve this problem?
Here is the link:
http://s588783486.online.de/Thank you!!!
-
Sorry for late reply…I am just now starting my day here.
To help understand what is happening, I would need to know what is “different” and not working? Did whatever is happening, happen after you “moved” the site?
You have to Test The Link in Google Chrome andi in Firefox. Than You See The Differenz. In Firefox nothing appears right…
I have nothing changed.
OK, this time I went to your link and tried it in Chrome, Opera, Firefox, and IE Edge. Firefox and Edge are the two browsers that are displaying the same messed up layout.
…so yes, you have a big problem!
You said you moved the complete site. So the big question is, was the site working in all browsers, including Firefox, before you moved it?
Something has a broken layout somewhere, whether it’s CSS from a plugin, custom CSS, or even HTML missing a single element like a missing quote, bracket, or many other possibilities can cause a broken layout. The hard part is knowing what and where this is happening.
I know there is something not related to the theme itself because if you view the demo site for Longevity in Firefox or even Edge, it works. So this tells me something else is causing the breakage.
Unfortunately, the only way to solve this is to first, know if the site worked in Firefox before being moved. If it did, that means something happened during the moving of it.
One of the common troubleshooting methods used to find out if a plugin is the problem, is to disable each plugin one-by-one, and each time test the site (in this case, in Firefox). Do this until all plugins are disabled and hopefully as you do this, you might discover if it is a plugin and which one.
I would also recommend checking your custom CSS file too because you have this in it and it should not be there because it’s javascript:
<style id="custom-css-css"> window.addEventListener (load,function (){height:window.innerHeight} .col-main{margin-left:var(--Versatz) !important; width:calc(630px - var(--Versatz)) !important; width:100% !important; max-width:800px !important } </style>As a side note to why it works in Chrome and not in Firefox, it’s because some browsers are more forgiving with broken code structures, while others not so much. In the past, it was Firefox that always seemed to make sites work when other browsers did not…now it’s almost reverse of that.
Thank u for your answer!
The thing is, that i haven’t nothing moved.
When i have tested the website on firefox the first time, it looks so.
I have removed the js-code from the css-styles.
I have checked my css stylesheet – everything is ok.
I do not know how to continue … 🙁i have check the site with and without all plug ins – no different appearance.
If I understand correctly, before the site looked good and worked in Firefox? If this is true, then you need to find out what changed since that time.
Something is definitely breaking the site, so if it’s not a plugin, then it could be something in your content. As I said before, when something is breaking a site layout, it can be very difficult to find the problem. If something worked before and then later it does not, then it means whatever was done or changed is what did it.
I’m going to guess that when you visit the theme’s live demo site in Firefox that everything is fine?
The topic ‘Display on Browser Firefox’ is closed to new replies.
