X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

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

Posted

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

Additional System Details

Application

  • User Agent: Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.0; Trident/5.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.30729; .NET CLR 3.5.30729; .NET4.0C; MS-RTC EA 2; .NET CLR 1.1.4322; BO2IE8_v1;ENUS)

More Information

Ibai
  • Administrator
123 solutions 709 answers

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

Question owner

Hi Ibai,

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

Question owner

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.

Question owner

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

cor-el
  • Top 10 Contributor
  • Moderator
10741 solutions 96657 answers

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>

Question owner

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