This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Wordpress site homepage splits vertically in Firefox only.

FrankM3
FrankM3
more options

I am a graphic designer (not much of a coder) and am responsible for updating a wordpress based site:http://www.autismfamiliesct.org/. I think the slider is the reason the top of the page has a space separating it from the bottom half of the page. This is only happening in Firefox. I tested the page on my work computer as well and got the same result so I know it has nothing to do with cookies or cache.

I am a graphic designer (not much of a coder) and am responsible for updating a wordpress based site:http://www.autismfamiliesct.org/. I think the slider is the reason the top of the page has a space separating it from the bottom half of the page. This is only happening in Firefox. I tested the page on my work computer as well and got the same result so I know it has nothing to do with cookies or cache.

All Replies (2)

Shadow110
Shadow110
more options

Try fixing these errors : HTML https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.autismfamiliesct.org%2F

CSS - https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.autismfamiliesct.org%2F&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en

Please let us know if this solved your issue or if need further assistance.

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
more options

It seemed fine until the slideshow viewer loaded...

This is odd. It's on line 903 of http://www.autismfamiliesct.org/wp-content/themes/connecticut/style.css?ver=4.6.9 

@-moz-document url-prefix() { 
  .homeContainer {margin-top: 95px !important;}
}

That's probably not helping.

But the main issue is that div.sliderContainer is positioned about 45 pixels higher in Chrome than it is in Firefox. In both browsers, they have

margin-top: -84px

but as shown in the attached screenshots, there is about a 45 pixel difference in where the elements end up, and that causes a gap in Firefox, since the site was designed/tested in Chrome. If I turn off the negative margin in both browsers, the difference in position remains. But I can't spot the reason for it.