Page 1 of 1

win 7 vs xp - shows php differently

Posted: Thu Mar 22, 2012 2:42 pm
by v1rusdr
This is really bugging me.

I designed my web site http://www.oilsyn.com

on a windows xp computer.

But when I display the same web page on windows 7, the fonts are all different.

And more bizarre, the lower case has been changed to upper case in the banner !

Whatever I did has to be simple and obvious to everyone but me. You can leave out "stupid" in your reply, IT IS ASSUMED.

Thank you for your help

Re: win 7 vs xp - shows php differently

Posted: Thu Mar 22, 2012 2:55 pm
by Celauran
There's no code for us to critique. No screen shots of how it should look vs. how it does look. Not sure what you expect us to do.

Re: win 7 vs xp - shows php differently

Posted: Thu Mar 22, 2012 4:54 pm
by social_experiment
v1rusdr wrote:on a windows xp computer. But when I display the same web page on windows 7, the fonts are all different.
Windows (since vista) have been adding new fonts which aren't present on XP though without any code to verify which fonts you are using in your stylesheets it is impossible to help; not to add to your misery but the php isn't displayed :) it's html / css causing the problem. Be as specific as you can when explaining a problem and paste any relevant code

Re: win 7 vs xp - shows php differently

Posted: Thu Mar 22, 2012 5:23 pm
by v1rusdr
i have attempted to attach two views of the same web page.
written in php

both on a windows xp machine

one in internet explorer 8 (looks good)
one in firefox (looks bad)

Re: win 7 vs xp - shows php differently

Posted: Thu Mar 22, 2012 8:07 pm
by califdon
Do you want some help? Two of our top responders have told you nicely that we can't help you without seeing your HTML and Style Sheet. We're not mind readers. I have moved your post to the appropriate forum and removed your email address, which is an invitation for some spammer to flood you with spam, then you would be complaining that we were to blame. If someone wants to send you a private message, you will be notified by email. Finally, if you do want us to help you, I strongly suggest that you follow the requests of those folks who can do so if you include your HTML and CSS. If you will enclose your HTML/CSS code between [syntax=html ] and [/syntax ] tags (without the space), it will be much easier for us to read.

Re: win 7 vs xp - shows php differently

Posted: Thu Mar 22, 2012 9:00 pm
by Celauran
Looking at the two images, the only thing that immediately comes to mind is that there's no font-family specified in the CSS and the browser defaults are different on the two OSes. Can't explain the text transform nor the difference in font colour.

Re: win 7 vs xp - shows php differently

Posted: Thu Mar 22, 2012 9:22 pm
by califdon
Now that I've looked at your live website and looked at your HTML source, I believe I see what is happening. You are using very old, deprecated tags for your styling. Some browsers still support those old tags, like <FONT size=12 color=white ... >, and others don't. They are no longer part of the HTML standard. If you want your page to look the same in all browsers, you will have to use current styling standards, namely, CSS.

Re: win 7 vs xp - shows php differently

Posted: Sun Mar 25, 2012 6:52 pm
by v1rusdr
califdon
THANK YOU

You pointed me in the right direction to solve the problem !

I had started in the wrong direction: Thinking I could debug the source code.
[ Stop laughing. 20 years of cobol ruins a good mind ]

For those looking at software; there is Nusphere
http://www.nusphere.com/PhpED/

But the key was Califdon's words "font family"
I was focused (bad pun) on <a href> because it was the LINK that was the wrong colour and the wrong size.
WRONG

FIREFOX has the solution (built in)
If you RIGHT CLICK on an item, the popup menu says "Inspect Element"
Then, in the menu at the bottom of the (webpage), you can click on STYLE
It shows all the styles, and inherited styles too.

From there, it was a matter of backtracking

As you can see in STYLES.CSS below
the COLOUR is 898989 - which is "red" (as I found out, colours change based on page properties etc....)
So, once I had the colour, I was able to find the offending code:
.pageContent { font-size: 8pt; font-family: Tahoma, sans-serif; color: #898989; }
.pageContent a { font-size: 8pt; font-family: Tahoma, sans-serif; color: #898989; }

Thus the FONT-FAMILY and FONT-SIZE and COLOUR were the culprits.

THANK YOU CALIFDON
FOR POINTING ME IN THE RIGHT DIRECTION !!!!


/* content */
.text-header { font-weight: bold; font-size: 12pt; font-family: Arial Narrow, Arial, sans-serif; color: #555555;}
.pageContent { font-size: 8pt; font-family: Tahoma, sans-serif; color: #898989; }
.pageContent a { font-size: 8pt; font-family: Tahoma, sans-serif; color: #898989; }

/* top elements */
.company { font-weight: bold; font-size: 14pt; font-family: Arial Narrow, Arial, sans-serif; color: #30586F; text-transform: uppercase; }
.slogan { font-weight: bold; font-size: 12pt; font-family: Arial Narrow, Arial, sans-serif; color: #F2F1EF; text-transform: uppercase; }

/*main menu*/
.menu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #686868; text-decoration: none; }
.amenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #686868; text-decoration: underline; }

/*submenu*/
.submenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #686868; text-decoration: none; }
.asubmenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #686868; text-decoration: underline; }

/*bottom menu*/
.bmenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #555555; text-decoration: none; }
.abmenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #555555; text-decoration: underline; }

/*copyright*/
.footer { font-size: 8pt; font-family: Tahoma, sans-serif; color: #ffffff; }

/*backgrounds*/
.main-bg { background-color: #ffffff; }
.color-bg { background-color: #54809B; }