Spacing issue with Firefox
I am having difficulty working out why there is a large amount of white space when I first test my website with Firefox. The issue comes when I inspect this with Firebug and say turn off and on an element in question the problem fixes itself until I reload the page.
the testing url is:
http://jonathanspeightdesign.co.uk/bbh-website/
Thank you in advanced, Jonathan Speight.
Chosen solution
I think the problem is that Firefox is pushing the content down to make space for the images in the slider. Once the script kicks in and restyles the slider, Firefox is not automatically moving the content back up the page into its intended place.
Try setting:
#hero-frame {overflow: hidden;}
Read this answer in context
👍 1
All Replies (4)
The floating elements seem to be sinking down into the bottom container rather than appearing where intended. Using zoom, either Ctrl+ or Ctrl-, forces a repaint and they then appear in the correct locations. Hmmm...
It seems to be something that Firefox caches.
Ctrl+F5 always works for me and if close the tab and use Clear Recent History to clear the cache (one hour) or clear the cache via "Options > Advanced > Network" then it also works.
A normal reload (F5) always fails.
In the current Nightly and Aurora builds it kicks into place after a short delay when I do a reload (F5).
Beta fails as well.
Thank you both for the replies, unfortunately the issue still stands when I followed your instruction Cor-el and the issue is still the same.
Chosen Solution
I think the problem is that Firefox is pushing the content down to make space for the images in the slider. Once the script kicks in and restyles the slider, Firefox is not automatically moving the content back up the page into its intended place.
Try setting:
#hero-frame {overflow: hidden;}
