Web page is not fully displayed in FireFox, but Chrome
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.
Modified
All Replies (8)
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"
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.
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.
No problem here.
Does it help if you try to resize the Firefox browser window?
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.
@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.
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.
@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 ;)