Website view diffrent in Chrome than FireFox and IE

[PlanetDISH]

Hi everyone,

I have a quick question about our WordPress webpage InternetNearMe.com/xfinity-Internet. The site is still a work in progress, but I'm starting to notice that when viewing the page in FireFox or Internet explorer, there is a large white space at the top of the page that is not there when you view it in Chrome. This is most likely because we used to have two graphics in that space that we have since removed. I cleared the Cache hoping that would solve problem but it has not. i've included screenshots of the different browsers below. Any suggestions?

Thank you!

CHROME

[Linda-Vassily]

You have 191px of padding on top of your div "inner-page-wrap has-no-sidebar clearfix", with the grey box and photo of three people in it. Eliminating that will eliminate whitespace above it.

[PlanetDISH]

Thanks for the response Linda! I looked in the source code and didn't see this padding. Would you be able to tell me what you were using to find this?

Thanks again for the reponse Linda! I really appreciate it

[Linda-Vassily]

I was using the DOM inspector in Firefox (right click on the empty area to bring it up).

twMfNfM

[spencerhjustice]

It looks like there are two issues.

The first issue is that Firefox and Chrome are treating the padding differently. Firefox is padding from the bottom of the text of the navigation whereas chrome is padding from the top of the containing div.

The second issue is that your site appears to be adding hardcoded css via javascript which is why you don't see that style in the source code. It's being added by a script executed in the browser after the site is loaded.