Forum Moderators: not2easy
I'm in the process of building a website, running PHP, Apache and mySQL. I have created a CSS stylesheet that governs the aesthetic of all my pages. When I test my website on the Apache testing server on the computer where the website files reside, everything looks/displays fine. However, when I access the site from another machine on the network, only certain parts of the CSS are satisfied. For example, my <p> tag is set to gray colour, with font size 8.5 points and text family Verdana etc. When I test the site from another computer on the network, the colour of the text is fine, but the font size is larger. I don't understand why this is happening - why is one directive of the CSS being interpreted (i.e. the colour) and the font size is not. This also happens with a lot of my other styles, such as links (colour and hover settings ok but font size larger). Does anyone have any suggestions on how to resolve this issue?
Also, I have not yet uploaded the site to the web. Since this is happening when I test it on the network, what is the chance of it happening when I upload it to the web to my hosting provider? (Basically if it's a network/computer issue I won't worry about it)
Any help is much appreciated.
I believe the definition of one point is 1/72 of an inch. SO you see the problem - how can a computer be consistent on a monitor with that definition, when you can have an 800x600 pixel resolution on everything from a 13 inch screen to a wall size flat screen?
Another place variance creeps in -- different computers may have different font sizes set for the SYSTEM -- see Control Panel > Display > Advanced on a Windows box.