I have different visual for localhost and remote site of same code. I don't know why local Chrome is displaying my site completely different:
This is http://beta.cliffbase.com
http://img833.imageshack.us/img833/2477/b557ecb80f7644c9a7893c9.png
And this is my local environment running from VS2010 as localhost
http://img96.imageshack.us/img96/3241/5786958214d64aaba236931.png
You can see that menu and left information items have different paddings and heights.
Does anyone know what could be the issue?
Chrome allows you to set the Zoom for a webpage independently for local sites and sites on the internet. In my case, this was the reason why my webpage looked different if I used http://localhost:8080/mypage.jsp v/s http://172.20.35.40:8080/mypage.jsp. I reset the zoom to 100% when I was using localhost and now both the views are identical.
NOTE: I know this is a really old thread and the the OP already has a solution to his issue. But this shows up as the first search result when you google why Chrome shows the same page differently using localhost v/s using IP address. Thought this might help someone in a situation similar to mine.
I've found cause of problem. It is padding/margin of #font-face generated by Font Squirrel. I had to change to Cufon to keep all sizes same. Works fine now.
Related
Running into an issue that has me pulling hair out!
I am buildling a site and started browser testing. The page displays properly (with the regular IE breaks) but for some reason, does not display the actual CSS in the IE8 dev tools. Site is locally hosted with MAMP and using VirtualBox to test with IE/PC.
I've added the IP to the hosts file in IE8.
I've fixed all validation errors
Even threw it up on a server to see if it was a local issue
Running HTML5 doctype so maybe thats the issue? But pulled it from HTML5 Boilerplate so I'm under the impression everything is good there?
Not really sure what the issue is and its driving me crazy.
Site is hosted here: www.enkshows-dev.com
p: enkshows-dev
w: enkshows-dev
Also - IE8 doesn't render the CSS file in the 'CSS' tab, but the page layout is correct.
Don't worry, folks. I figured it out.
Looks like IE8 gets hung up on the css link for the H&FJ cloud typography production fonts.
As soon as that's removed, all works swell.
I made a form on my WordPress site that listed a few options. When viewing the website in Chrome the text doesn't render correctly, however, it renders correctly when viewing the page via Internet Explorer.
Not too sure for the reasoning behind this. Does anybody have a clue?
Sometimes, the default font on your computer might have been overwritten expecially if your font is georgia, I most times have this problem as well, i think what you should do is find another machine running your version of chrome, preferably newly formatted without font installation and test the page. also check the encoding, [utf_8(http://en.wikipedia.org/wiki/Character_encodings_in_HTML) is the browser standard
This thread might show you how to change character encoding
Her is another resource that might help
I've just realised that on my website, the images look a lot different to what they do on localhost. I'm not sure why, it's baffled me.
Localhost preview: http://d.pr/i/6og
Server preview: http://d.pr/i/OWKx
Localhost gradients: http://d.pr/i/C5el
Server gradients: http://d.pr/i/5pGi
Localhost search bar: http://d.pr/i/YL2X
Server search bar: http://d.pr/i/dTCZ
As you can see they're a lot different. I've literally no idea why, I'm wondering if anybody has had the same problem before?
My website: http://wpvault.com/kahlam/
I don't think there's anything in the CSS that could possibly do this? It's strange, quite stuck with this one. Any help would be much appreciated.
Browser: Google Chrome
The problem is color management in browsers. This isn't a fault with your images at all.
Here is the article that I read.
Here is some excerpts from the article in question:
This specific issue exists because there are two types of ICC profiles, V2 and V4 (all you need to know is that V4 profiles are more accurate; refer to this International Colour Consortium document for the technical specifics).
The trouble is:
Firefox 3.0 and Safari understand ICC V2 and V4 profiles.
Firefox 3.5 introduced a new colour management system which no longer understands ICC V4 profiles (great job guys).
Internet Explorer 8 and Google Chrome don’t understand colour profiles at all!
Edit
I also found this link to blurry images in firefox, this could be related to other browsers as well.
I recently faced a weird issue with Firefox. All the images on my blog were rather blurry as if they were wrongly scaled. So I tried with a new Firefox profile and it worked fine. So there must have been some setting or some add-on that is part of the current user profile that is causing this. I removed all the extensions and add-ons to no avail. Just moments ago, I found the solution on the Blitz Research forum. It turns out to be an issue related to the zoom level for a given website, which Firefox 3.0 remembers. By clicking Ctrl + 0, you reset to the no zoom.
Very strange issue but I have all the images back to normal. It seems when I was uploading them from a 2mb connection it was just uploading them into really rubbish quality images. I got home and uploaded them via my 50mb connection and all was fine - all the images are now back to normal. Thanks for the help.
I'm posting this question here, but I'm not 100% sure where the problem lies. I have a site hosted through Media Temple that I'm developing. It's started to continually give me http 206 responses (partial content) on image and js assets. I see these through firebug. This results in missing images and js files, or in some browsers like Safari, half rendered images. When I view my work off my local server I see no issues.
I see this behavior on all browsers, firefox 3.6, safari 5.0.3, chrome 8. I work off of mac os x 10.6.6. Different images exhibit this behavior at different times, and the only thing that works temporarily is to clear the cache, but I'll typically begin to see the problem again shortly.
The other thing, as much as I can tell, I don't see this problem on other machines. My work machine (also a Mac) doesn't show this behavior at all. The clients this site is for have never complained of these issues at all.
I've also taken some of these problematic assets and moved them to other servers and pointed my browser there, no problem, so it doesn't seem to be a corrupt file.
I've run out of places to look and was hoping someone on these forums might have some suggestions. This is a real mystery and would love to get to the bottom of it.
Sounds like a problem on the server side. Have you tried restarting the web server or taking a look at the error log?
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.