Page displays differently within same browser!

Hi,

I have a simple .NET web application.

My issue is around the styling.

It displays differently when I run it locally to when i run it on my server.   I have no idea why as the browser I am viewing it is the same!

Local View:
This is what it looks like when run locally.. (which is the correct way)
This is what it looks like when run locally.. (which is the correct way)

Server View - Missing the links at the very top and also pushes the logo and logged in to the very edges which I do not want!..

Server View - Missing the links at the very top and also pushes the logo and logged in to the very edges which I do not want!
SmashAndGrabAsked:
Who is Participating?
 
SmashAndGrabConnect With a Mentor Author Commented:
ok.  Here's what fixed it...

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
0
 
zephyr_hex (Megan)DeveloperCommented:
Inspect the CSS of the changed elements and verify it's the same.  If it's not, then make sure you copied over your CSS to the server.

If the CSS is the same, please post the relevant CSS for one of the elements, so we have an example to work with.
0
 
Peter HartCommented:
if you have missing links maybe the links are relative and only work on your local machine
and when on the server they break (because the browser can't find the links on its system)  and so do not display and the display all shuffles about.
0
Cloud Class® Course: Microsoft Exchange Server

The MCTS: Microsoft Exchange Server 2010 certification validates your skills in supporting the maintenance and administration of the Exchange servers in an enterprise environment. Learn everything you need to know with this course.

 
SmashAndGrabAuthor Commented:
thanks.

 I did think that it might be that the links were relative but it appears they are ok.

css viewmain.css
0
 
zephyr_hex (Megan)DeveloperCommented:
Can you show us a comparison of the CSS for one for the missing elements?  Show us the CSS when it's working, and the CSS when it's not working.

This is what I mean:
image
0
 
SmashAndGrabAuthor Commented:
ok.. heres the working version (local)...

working version looks ok

And here is the non working version..

non
0
 
SmashAndGrabAuthor Commented:
just double checked the bootstap.css files are they are indenticle.
0
 
Peter HartCommented:
I didn't mean the links to the CSS, if they were wrong it would be COMPLETELY different
I mean the hyperlinks to other pages or items such as  "Enter data " and "drag Data"
0
 
zephyr_hex (Megan)DeveloperCommented:
Well, it's obviously a CSS problem.  I'd recommend you copy your web page file from the working server to the non-working server, for starters.  I know you said they're the same, but I noticed a few minor differences, so I know they are not identical:

Working:
working
Non-Working:
non-working.png
I'd also recommend that you look at the Network tab in your browser dev tool to verify all of the resources are loading.
0
 
SmashAndGrabAuthor Commented:
Sorry for delay.

I will copy the files now and report back.
0
 
SmashAndGrabAuthor Commented:
Hi,

I've just deleted everything on the server.  Then re-copied everything from my local machine to the server again.

I get the same issue again. :(

local
server
I really have no idea why is it doing this..  its so strange.
0
 
SmashAndGrabAuthor Commented:
This was the fix for issue I was having.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.