[Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 179
  • 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

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

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