Mozilla VPN is currently experiencing an outage. Our team is actively working to resolve the issue. Please check the status page for real-time updates. Thank you for your patience.

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.

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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

Web page is not fully displayed in FireFox, but Chrome

  • 8 antwoorde
  • 12 hierdie probleem
  • 1935 views
  • Laaste antwoord deur Toan-LC

more options

Recently, I have made some changes to my company website, actually just the images of our team.
The size of the image before is 130x130 but we changed it to 127x170.
Everything worked good on localhost but then I uploaded it to the server. I tested the site on Google Chrome first (everything worked nicely) but FireFox didn't show up all the team images as the last line are cropped.
You can have a look at "http://www.webnam.net.vn (Section About->Team). (Make sure you view it on Chrome & Firefox to see the differences here, which I want to say).
I haven't changed anything on CSS (just HTML with some <li> changes).
Thank you for your attention.
Hope someone figured it out already.

Recently, I have made some changes to my company website, actually just the images of our team. <br /> The size of the image before is 130x130 but we changed it to 127x170.<br /> Everything worked good on localhost but then I uploaded it to the server. I tested the site on Google Chrome first (everything worked nicely) but FireFox didn't show up all the team images as the last line are cropped. <br /> You can have a look at "http://www.webnam.net.vn (Section About->Team). (Make sure you view it on Chrome & Firefox to see the differences here, which I want to say).<br /> I haven't changed anything on CSS (just HTML with some &lt;li&gt; changes). <br /> Thank you for your attention. <br /> Hope someone figured it out already.

Gewysig op deur cor-el

All Replies (8)

more options

Looks the same for me in Firefox and Google Chrome on Linux.

Note that Firefox has the habit of using cached versions of files and may not always retrieve the current version from the server, so you need to refresh those files.


Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.

  • Hold down the Shift key and left-click the Reload button
  • Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
  • Press "Command + Shift + R" (Mac)

Clear the cache and cookies only from websites that cause problems.

"Clear the Cache":

  • Firefox/Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"

"Remove Cookies" from sites causing problems:

  • Firefox/Tools > Options > Privacy > Cookies: "Show Cookies"
more options

Thank you so much, cor-el!! I did Ctrl + F5 when I saw the problem but it's still there. I tried deleting my history, cookie, cache but it didn't work anyway. Maybe I have to resize the images, scale down the dimensions.

The image below is all I can see, I can't scroll the page unless I zoom the page in or out. After I zoom the page in or out, I press Ctrl+0 to reset the view and then I can scroll the page.

more options

I think the whole concept of responsive templates based on media queries is a work is progress, and not so well standardized. I find these designs to be way over my head, unfortunately.

more options

No problem here.

Does it help if you try to resize the Firefox browser window?

more options

Different window sizes yield different results for me. I can get to a state where the scroll wheel doesn't let me see all the way to the bottom of the last row of photos, irrespective of whether a scroll bar is displayed. It seems to be a flaw in the script that assigns the sizes of things, combined with use of overflow:hidden in various places. Also, if I slowly pull the bottom edge of the window down a pixel or two, I can get a vertical scroll bar, while if I move it a further distance I often do not. The computations fired by the event handlers do not seem to be working quite right for me.

more options

@jscher2000: Thank you a lots for your attention anyway ;) I'll check the CSS. @cor-el: Yeah, of course, I did try to resize or zoom the page. It did help which means I can scroll after resize or zoom the page but the first time load the web page. It's stuck (I can't scroll & the images were cropped). I'm kinda new to web development, so I don't understand the differences between Chrome & Firefox in some cases.

more options

I see the same effect in Google Chrome if I resize the window to make it smaller and the scroll bar disappearing. The DOM Inspector shows two scroll bars and if I select the second scroll bar then the screen shifts slightly to the right and the scroll bar appears.

more options

@jscher2000: I think I experienced the same thing with you. As I resized the browser window, images were display vertically but I can see all the images but each one in a line. The original images were scaled to 130x130. But I replace the images with those new ones which were scaled 127x170. I did changed the dimension in HTML but I don't know if the script has anything to do with this as I'm delegated to this website and I don't know much about javascript. But I'll take a closer look at the javascript and CSS. Thank you very much for your information. Really appreciate it. @cor-el: I think the best solution is resizing the images. hope it last for a while though. Thank you all for your help. Really appreciate it ;)