Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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.

when I open some pages from my site on Mozila it is cuttoff on the top, as if I have scrolled down and I can't see the top. my site is www.manisports.com.au/spe

  • 6 replies
  • 4 have this problem
  • 5 views
  • Last reply by Rehman

Rehman
Rehman
more options

when I open some pages from my site on Mozila it is cuttoff on the top, as if I have scrolled down and I can't see the top. my site is www.manisports.com.au. If you were to click on specials or what's new or contact us, it just jumps up. It is an Ocommerce website. Come of my customers ahve given me the same feedback. It works fine with IE adn Chrome. I have pasted on link below: http://manisports.com.au/products_new.php

when I open some pages from my site on Mozila it is cuttoff on the top, as if I have scrolled down and I can't see the top. my site is www.manisports.com.au. If you were to click on specials or what's new or contact us, it just jumps up. It is an Ocommerce website. Come of my customers ahve given me the same feedback. It works fine with IE adn Chrome. I have pasted on link below: http://manisports.com.au/products_new.php

All Replies (6)

Ibai
Ibai
  • Administrator
more options

Hi!

There's a problem in the CSS. You are defining margin-top as -260px on the div #Container and that's causing it to take over the top of the site.

If you remove that it seems to work fine.

Let me know if that works. Ibai

Rehman
Rehman Question owner
more options

Hi Ibai,

Thanks for your replay, I tried that but it did not work.

Rehman
Rehman Question owner
more options

Sorry I am not an expert with coding but if you could tell me the name of the file I could find it and edit it.

Rehman
Rehman Question owner
more options

I tried it on the "Mani-Sports-Style.css" file. Is that the correct file?

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

It is an inline CSS style in the main page source.

  • Firefox > Web Developer > Page Source
  • Tools > Web Developer > Page Source (Ctrl+U)
  • Right-click on a web page to open the context menu and select View Page Source 
 <style type="text/css">
@-moz-document url-prefix() {
    #Container	{ margin-top:-260px !important; }
}
</style>

If you scroll down in the source then you also notice some HTML code in the head section that causes </head> to appear in red. 

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

</head>
Rehman
Rehman Question owner
more options

Hi Cor-el, What does </head> being in read mean? Is it missing a code or something? I had a look at the pages which are showing properly they have hte same thing. http://manisports.com.au/head-gear-c-25.html