win 7 vs xp - shows php differently

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
v1rusdr
Forum Newbie
Posts: 3
Joined: Thu Mar 22, 2012 2:38 pm

win 7 vs xp - shows php differently

Post 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
Last edited by califdon on Thu Mar 22, 2012 7:59 pm, edited 1 time in total.
Reason: Email address removed by moderator; moved to HTML/CSS forum
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: win 7 vs xp - shows php differently

Post 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.
User avatar
social_experiment
DevNet Master
Posts: 2793
Joined: Sun Feb 15, 2009 11:08 am
Location: .za

Re: win 7 vs xp - shows php differently

Post 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
“Don’t worry if it doesn’t work right. If everything did, you’d be out of a job.” - Mosher’s Law of Software Engineering
v1rusdr
Forum Newbie
Posts: 3
Joined: Thu Mar 22, 2012 2:38 pm

Re: win 7 vs xp - shows php differently

Post 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)
Attachments
ie9 notice larger fonts. not caps - this is the way I'd like it to appear.         internet explorer 8 on windows xp
ie9 notice larger fonts. not caps - this is the way I'd like it to appear. internet explorer 8 on windows xp
firefox. notice smaller fonts. or all caps - firefox on windows xp.... i dont like the fonts at all!
firefox. notice smaller fonts. or all caps - firefox on windows xp.... i dont like the fonts at all!
User avatar
califdon
Jack of Zircons
Posts: 4484
Joined: Thu Nov 09, 2006 8:30 pm
Location: California, USA

Re: win 7 vs xp - shows php differently

Post 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.
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: win 7 vs xp - shows php differently

Post 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.
User avatar
califdon
Jack of Zircons
Posts: 4484
Joined: Thu Nov 09, 2006 8:30 pm
Location: California, USA

Re: win 7 vs xp - shows php differently

Post 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.
v1rusdr
Forum Newbie
Posts: 3
Joined: Thu Mar 22, 2012 2:38 pm

Re: win 7 vs xp - shows php differently

Post 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; }
Post Reply