I am working on redesigning a very old website.
I have the dev page laid out:
This is preliminary, but in the direction I want it to go.
The page renders fine in Chrome (31.0.1...), FireFox (25...), Safari (5.0.3).
It also renders just fine on my (Vista) computer (locally) with IE 9
The problem is that when I upload the file and view it on the server it looks the same in every browser except IE9.
IE9 loses the embedded font, the alignment of the top left container, the top margin and rounded edges on the center container, etc...
The permissions are set to 755.
I have never had this happen before were it renders differently between my local computer and online.
The CSS is somewhat sloppy currently as I have been working on layout primarily, but will get cleaned up later.
I could go back and do most of this with HTML tables, but I would prefer to get it working properly with CSS. This is going to be a template that will be incorporated into a shopping cart program.
Any idea why the page renders differently in IE between on my computer and online?
I have attached the page to this also.