This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Webmaster forum > November 2007 > newbie: browser-independence





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author newbie: browser-independence
R.A.M.

2007-11-19, 3:17 am

Hello,
I am learning HTML/CSS/JavaScript and I would like to ask you a question.
Are there any rules, standards, documents describing making WWW pages
working correctly on all popular browsers (IE, Netscape, FireFox, Opera). I
have noticed that methods described in books do not work on all browser; for
instance I cannot achieve CSS hover/background-image effect on all browsers.
Please help.
Thanks in advance.
/RAM/


Chaddy2222

2007-11-19, 6:16 am

On Nov 19, 7:14 pm, "R.A.M." <r_ahims...@poczta.onet.pl> wrote:
> Hello,
> I am learning HTML/CSS/JavaScript and I would like to ask you a question.
> Are there any rules, standards, documents describing making WWW pages
> working correctly on all popular browsers (IE, Netscape, FireFox, Opera). I
> have noticed that methods described in books do not work on all browser; for
> instance I cannot achieve CSS hover/background-image effect on all browsers.
> Please help.
> Thanks in advance.
> /RAM/

Hmmm well:
http://www.w3.org would be a good start as well as a good tutorial
from: http://www.htmldog.com
--
Regards Chad. http://freewebdesignonline.org


SpaceGirl

2007-11-19, 6:16 am

On Nov 19, 10:11 am, Chaddy2222 <spamlovermailbox-
sicur...@yahoo.com.au> wrote:
> On Nov 19, 7:14 pm, "R.A.M." <r_ahims...@poczta.onet.pl> wrote:> Hello,
>
> Hmmm well:http://www.w3.orgwould be a good start as well as a good tutorial
> from:http://www.htmldog.com
> --
> Regards Chad.http://freewebdesignonline.org


I'd throw http://www.w3schools.com into the mix too. Good reference if
you're starting out.
Chaddy2222

2007-11-19, 6:16 am

On Nov 19, 9:19 pm, SpaceGirl <nothespacegirls...@subhuman.net> wrote:
> On Nov 19, 10:11 am, Chaddy2222 <spamlovermailbox-
>
> sicur...@yahoo.com.au> wrote:
>
>
> I'd throwhttp://www.w3schools.cominto the mix too. Good reference if
> you're starting out.


It['s probably (read as hopefully) better with the scripting tutorials
then with the XHTML / HTML ones though. They are a bit out dated.
--
Regards Chad. http://freewebdesignonline.org
Toby A Inkster

2007-11-19, 6:19 pm

R.A.M. wrote:

> I am learning HTML/CSS/JavaScript and I would like to ask you a question.
> Are there any rules, standards, documents describing making WWW pages
> working correctly on all popular browsers (IE, Netscape, FireFox, Opera). I
> have noticed that methods described in books do not work on all browser; for
> instance I cannot achieve CSS hover/background-image effect on all browsers.


It all comes down to the meaning of your choice of wording: "correctly on
all popular browsers". By "correctly" do you mean "the same" or "well"? The
latter is achievable; the former is an unrealistic and generally
unattainable goal.

HTML and CSS generally work on the principle of graceful degradation. If
a browser doesn't understand a feature, then it will ignore it, and the
page should still work OK 99% of the time. Your example of CSS hover is a
good one: if the browser doesn't support it (and IE6 doesn't support CSS
hover properly), then the page is still perfectly readable, but it loses
a snazzy effect.

Just make sure that when you make use of an HTML feature (and particularly
CSS ones) you consider what will happen when it's not supported. For
example, if you have black text on a dark blue background, but load a white
background image over the top of the dark blue, you need to consider what
happens when the image isn't loaded (perhaps the visitor deliberately has
images disabled, or perhaps a network problem prevented the image from
loading): black text on a dark blue background -- unreadable!

Obviously, there are 1000s of potential things that could be unsupported,
but it doesn't take long to get a feel in your head for what are the most
important considerations at the time. For example, there are millions of
different things that could kill you, but when you're crossing a road, you
tend to focus on the traffic rather than worrying about skin cancer.

Back to "the same on all popular browsers". Generally speaking this is
unachievable, so don't bother. There are too many factors to consider, and
if you try to control them all and get it right, you'll end up bodging it
in the "unpopular browsers", which some people use for very good reasons.

In the mean time, I recommend taking the HTML tutorials from htmldog.com.
They are some of the best around -- better than most "teach yourself HTML"
books. If you prefer to learn from a book rather than a website, there is
a book called "XHTML & CSS" from the same author (Patrick Griffiths). I've
not read the book, but if it's anything like the website, it'll be good.

--
Toby A Inkster BSc (Hons) ARCS
[Geek of HTML/SQL/Perl/PHP/Python/Apache/Linux]
[OS: Linux 2.6.12-12mdksmp, up 12 days, 17:56.]

USD/EUR Exchange Rate Graph
http://tobyinkster.co.uk/blog/2007/11/18/usd-eur/
Secret Agent X

2007-11-19, 6:19 pm

Toby A Inkster <usenet200707@tobyinkster.co.uk> wrote:

>In the mean time, I recommend taking the HTML tutorials from htmldog.com.
>They are some of the best around -- better than most "teach yourself HTML"
>books. If you prefer to learn from a book rather than a website, there is
>a book called "XHTML & CSS" from the same author (Patrick Griffiths). I've
>not read the book, but if it's anything like the website, it'll be good.
>


May I also suggest "HTML The Definitive Guide" published by O'Reilly.

X

Tony

2007-11-19, 10:15 pm

R.A.M. wrote:
> Hello,
> I am learning HTML/CSS/JavaScript and I would like to ask you a question.
> Are there any rules, standards, documents describing making WWW pages
> working correctly on all popular browsers (IE, Netscape, FireFox, Opera). I
> have noticed that methods described in books do not work on all browser; for
> instance I cannot achieve CSS hover/background-image effect on all browsers.
> Please help.
> Thanks in advance.
> /RAM/


A couple of recommendations to learn a lot about cross-browser issues:

http://www.quirksmode.org
http://www.positioniseverything.net

Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews