Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Why does my site look like this on firefox?

Featured Replies

Hello!

 

I'm nearly done with this project - i really need to finish this soon. I've managed to make it look good and work in Safari/Chrome/Ipad. But Firefox doesn't work so well. The header is really low and it messes with my slideshow. What is going wrong? Why does it work well in the other browsers and ipad?

 

 

 

 

Example

 

 

Thank you for any advice.

A.

Hi,

 

Every browser is a little bit different. Firefox is a bit strict because it won't try and make small mistakes render. Sorry but I don't think you will find anyone willing to go through a series of scripts to debug for you (but someone might prove me wrong :) ).

 

All I can suggest is to hit CTRL + SHIFT + J when viewing your page on firefox. This brings up the error console which should show you the warnings and (more importantly) the errors that Firefox is encountering in the code.

 

Some of the warnings can't be helped (like dropped declarations for other browser versions), but make sure to remove all the errors.

 

EDIT: Clear the error log and refresh the browser to only see the errors and warnings from your page.

Edited by rrr

Hey, I took another look at your site. I don't know if you've noticed but hitting refresh on IE(9) makes it look just like how it does on FireFox. The errors don't show up when you enter the site straight into the URL but hitting refresh makes it generate the same errors that FireFox shows.

 

Most of the errors are about jquery stuff that aren't there but are because it was working a moment ago! If I was to take a total stab at the dark, I would say that this might be happening because the scripts are all firing off as soon as the browser loads. The script files seem dependent on each other so I think you need to make them wait for all of them to load before you let them start running and calling methods to each other.

 

My best guess is to find the scripts that actually do something (not just load libraries), wrap them in a function and call them on the event that the body loads. But that's just a guess <_< . Sorry in advance if this sends you on a wild goose chase...

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.