Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 50
  • Last Modified:

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!
0
SmashAndGrab
Asked:
SmashAndGrab
  • 7
  • 3
  • 2
1 Solution
 
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
 
chilternPCCommented:
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
 
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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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
 
chilternPCCommented:
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:
ok.  Here's what fixed it...

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
0
 
SmashAndGrabAuthor Commented:
This was the fix for issue I was having.
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 7
  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now