CODEWITHSUNDEEP
htmlgoogle-chrome
feronovak
feronovak

Reputation: 2697

Chrome differences on localhost and server

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?

Upvotes: 4

Views: 2259

Answers (2)

Chetan Jadhav CD
Chetan Jadhav CD

Reputation: 1146

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.

Upvotes: 4

feronovak
feronovak

Reputation: 2697

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.

Upvotes: 2

Related Questions