943,651 Members | Top Members by Rank

Ad:
Jan 9th, 2009
0

Help required to sort glich between Safari & Firefox

Expand Post »
Hi,

Please can someone make a suggestion to iron out a glich when viewing a site in Safari & Firefox. Here is the page:

www.johnhathway.co.uk

On the page there are two links which have been styled in red with an underline on hover. (Contact Me & Enter Flash Site) The code can be viewed in the source and the style in the Head.

If I view it online, on a Mac in Firefox everything appears OK.
If I view it in Safari from my hard drive everything appears OK.
But If I view it online, on a Mac in Safari the link text "Enter Flash Site" is larger and in grey!

If I replace the link code on "Enter Flash Site" to "mailto:.....", everything appears OK.

Thanks in anticipation of your help
Reputation Points: 10
Solved Threads: 0
Unverified User
jhatter is offline Offline
5 posts
since Mar 2008
Jan 9th, 2009
0

Re: Help required to sort glich between Safari & Firefox

pixel measurements, seriously suck,
table layout -suck, tables delay page display until everything is downloaded,

CSS layout, ems %ages

I have 2040 x 1536px resolution, 10px is invisible, the entire page does not occupy 10% of the screen
all sizes should be relative, in em or % so that the sizes adjust around the base font on the user's computer, and screen size.

For example Grandma has her base font set to 26px her eyes are bad, your 10px link text is a blurry blob, Granny goes to google to find a site she can read.

images should be scalable so that and be effective at
800*600 1024*768 1200*900 2040*1536,
with the window taking any proportion of the screen

the color/size change, dunno, the css specifies grey on mouseover, red, I am getting 50-50 for the link to be the wrong size in Opera, IE as well as safari, no consistent response in either, in IE its working some of the time

look at your page in a different view, a mobile phone browser

http://demo.opera-mini.net/demo.html.../~johnhathway/
Last edited by almostbob; Jan 9th, 2009 at 10:19 pm.
Reputation Points: 562
Solved Threads: 368
Posting Maven
almostbob is offline Offline
2,970 posts
since Jan 2009
Jan 10th, 2009
1

Re: Help required to sort glich between Safari & Firefox

Click to Expand / Collapse  Quote originally posted by jhatter ...
... If I view it online, on a Mac in Firefox everything appears OK.
If I view it in Safari from my hard drive everything appears OK.
But If I view it online, on a Mac in Safari the link text "Enter Flash Site" is larger and in grey!

If I replace the link code on "Enter Flash Site" to "mailto:.....", everything appears OK.

Thanks in anticipation of your help
You're welcome.

Geez. Ask a simple question involving an undocumented feature of a browser and you get excoriated for not writing perfect code that would please 6 billion people all at once using every possible browser and every possible size display.

[begin rant] Welcome to the wonderful, wild world of every browser using its own renderer. As was said of the X.25 protocol many years ago, everyone implements the spec differently, and none of them implement it right. And the spec leaves a bit to be desired as well. Specifically, inheritance doesn't always work the way it should. Safari, Konqueror, Firefox, Netscape, Mozilla, IE, Opera, Ephiphany on various platforms all render HTML differently. They all get different things right, and they all get different things wrong. That's fine for them, but it reflects poorly on the industry and makes writing web sites a living hell for many. [end rant]

If I had to guess, I'd say that there's a difference between the default <p> style and the parsed <p> style between the Safari online and direct. Or the parser simply handles the two differently, regardless of style.

You could try enclosing the 'enter' reference within a <span> or <p> pair that sets the style. You could try setting the style in the <td> tag or in the <a> tag. Shoot, just putting plain <p>...</p> around the reference (but inside the <td> tags) might change the way it works.
Last edited by Fest3er; Jan 10th, 2009 at 12:50 am.
Reputation Points: 51
Solved Threads: 35
Posting Whiz in Training
Fest3er is offline Offline
238 posts
since Aug 2007
Jan 10th, 2009
0

Re: Help required to sort glich between Safari & Firefox

There are also browser settings that can override any changes a page makes to link colors.

It is bad business to change link colors, because it can render the page inaccessible to people who set standard link colors for accessibility reasons.
Reputation Points: 730
Solved Threads: 181
Nearly a Senior Poster
MidiMagic is offline Offline
3,314 posts
since Jan 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: dropdown menus on mouseover/click
Next Thread in HTML and CSS Forum Timeline: selling a domain name???





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC