Website looks differerent on different computer(s) running the same browsers - html

OK. This one has me stumped. It's a "asking for a friend" type of question.
My wife is an artist. She uses GoDaddy as her hosting service to display her work. She uses their tools. She's created a website and several of her paintings are there.
Her computer is a 27" iMac with MacOS 10.15.7 Catalina, retina display etc.
After she's done, she goes to her website and some pictures of her work have the wrong size.
ALL THREE BROWSERS-> Firefox, Chrome and Safari.
And this is after blasting all cookies/caches etc. (everywhere)
When I look using my home computer (Linux Mint) with either Chrome or Firefox, it looks OK.
When I look using my work computer (Windows 10) using Chrome, Firefox, Edge and Explorer, it looks OK.
When she looks with her MacBook laptop using Firefox, Chrome or Safari, it looks OK.
So it's only on her computer that the website looks a bit funky. Strange thing is that when she uses the GoDaddy website to create/modify her own website, the "preview mode" looks OK.
It's only when she actually points any of her browsers to her website does the rendering behave strangely.
GoDaddy tech support suggested the usual "clear cache/cookies/whatever and reboot". Same problem.
I tried changing the IP address and MAC on her computer but there is no difference.
Ideas?

it may be of high resolution, the responsiveness of the screen varies between different screen size

This can happen because of many things like -
Using Extensions or other apps in browsers can cause this issue.
Open the site and right-click on the site and click on inspect where you find changes and see the code and refer to your code whether there is any change? if there is a change then this is because of Media queries that have a breakpoint based on the screen width.
If the above ones are not the issue download a fresh copy of the browser and open the site then check and inspect.

Related

Chrome remote debug display issue

I am trying to debug remote Chrome, the device could be connected, and inspect the tab starts fine.
But in the window of remote debug, everything is a mess. the GUI is terrible, which makes the functionality totally unusable, see picture below:
resize this window or change the resolution is not working.
some times tabs like elements, source, networks could presents, but under the source tab, there is search bar keep presents and covers all area of the codes area.
this is totally not working.
OS: Win7.
PC Chrome version: 63.0.3239.108 (Official Build) (64-bit)
I don't think this should related to Mobile Chrome or android version.
Is there any possible reason for this?
I think Chrome is a widely using browser this can't be a formal released bug for Chrome, right?

Safari on iPhone 5 not displaying slider on website

A friend of mine has asked me to take a look at her website - http://www.nails-more.co.uk
The slider right at the top of the homepage isn't showing on Safari on the iPhone 5 running iOS 6.1.4. This is where it gets strange. It works fine on my iPhone, but not my friend's - which is exactly the same with the same settings etc. Have tried the usual clearing history, rebooting etc.
This is a comparison of how it works on one device but not the other identical one -
It seems to work perfectly in all other browsers. Have tried a Safari iPhone simulator online and that works fine (found the link on here somewhere).
Does anyone know what the issue can be?
Bit hard to tell from screenshots but I can replicate what you're describing by disabling Javascript (Settings > Safari > Javascript OFF).

How to test mobile website on my PC/Laptop

I am building a website which detects the target browser whether it is mobile or pc browser. Based on the content it choose theme.
What I want to ask is. Is there any mobile browser which I can download in my pc to test my site instead of on phone many times?
You could change the user agent to an user agent from a mobile browser. Extension on Chrome
You don't need any extensions, you can just change the User Agent manually on Chrome's Developer tools, just click on the settings Icon and then refresh the page (as you can see this page's look changes):
This is what I use normally. It is not exactly what you are looking for I think but its worth the money!
Stick with webkit browsers for mobile testing, sans Windows Phone. Don't overlook the Android SDK's emulator and, if you're on a Mac, the iOS simulator, as you may come across rendering issues that don't exist in-browser.

Problem images firefox

I have a big problem with my web site (you can see here), several user can't see images with firefox. I use too firefox but I don't have this problem.
These users use firefox 3.5.2 with windows XP or VISTA. I have no idea to find the problem.
Have you any idea ?
Thanks a lot.
Perhaps the user has accidentally blocked images from your domain.
In Firefox:
Tools > Options > Content tab > Load images automatically should be checked > click Exceptions... make sure the Site list does not include mowen-world.com. If it is there, highlight it and click Remove Site.
I've had similar issues a few weeks ago. The reason was that the JPG images were somehow corrupted. Some browsers/OS combinations showed them without problems, but on others they didn't show.
I fixed it by opening every JPG image and saving them again in a good image editor (like Photoshop or Fireworks)
Whenever I get a problem like this, I start from basics... like "is the HTML valid".
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmorwen-world.com%2F
There are some issues listed here that could cause odd behaviour.
When I look at the site, I can see all the images fine and the website looks reasonably well laid out (Firefox 3.0.14 Windows XP AND Internet Explorer 8 Windows XP).
I can't see an issue using Firefox 3.5.3 on Windows Vista, just FYI.
Personally whenever I have issues with assets not loading or markup/CSS behaving weirdly, my first stop is Firebug. The Net panel shows the requests for any images and their respective responses. Certainly a good place to start looking.

Images do not load on website in Safari (Mac 10.4)

I'm having trouble with a website of ours that is not displaying images on Mac Safari
The exact same website is on a dedicated server and works fine.
When we moved it to a load balanced environment the images stop working only in Mac Safari, but still works in all other browsers including windows safari, and Firefox on the mac that had the original problem.
We tried other macs, and the problem only exists on macs running OS version 10.4.etc
The problem presents itself on ALL versions of safari on the Mac running 10.4, and the problem disappears on ALL versions of safari on Macs running other versions.
The website is built on Community Server.
I've done some googling, and I found various forums that mention the problem, however they are all from a client side perspective and they say that this issue only affects certain websites. I haven't found any developer related material that explains how to fix it from the code side.
I'm reaching out to the Mac website developers, because I am definitely not a Mac user, and I have no idea how to proceed. Any links or ideas that could get me started?
You can solve this by
making sure Safari's proxy is set properly
bypassing Safari's cache when refreshing