• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 181
  • Last Modified:

Issue with CSS Margins that only happens on first load

I am having an odd CSS issue, which happens in both Firefox and IE the first time you visit the page. It only happens sometimes, but if you go to this link:

http://www.wrestlinginc.com/wi/news/2011/0507/539417/the-undertaker/

The first time you go, the margin will be off at the top.  But if you hit refresh, then it renders correctly. Since it doesn't always happen, I attached the screenshot with the incorrect rendering on top, and then how it looks once you hit refresh on the bottom.

Any assistance on why this would be happening would be greatly appreciated!
0
manicdiggity
Asked:
manicdiggity
1 Solution
 
Matthew KellyCommented:
The google ads div is throwing it off: < div id="google_ads_div_wi-fullpage-pops_ad_container" >

In your stylesheet, add:

#google_ads_div_wi-fullpage-pops_ad_container { height:0px;padding:0px;margin:0px; }

maybe...

I used firebug to inspect the element that was causing it: getfirebug.com

0
 
manicdiggityAuthor Commented:
Thanks, that was it!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now