By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,739 Members | 1,059 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,739 IT Pros & Developers. It's quick & easy.

Test with which browser?

P: n/a
Sorry for the cryptic heading: couldn't think of something that would
describe my question better:

When I just used plain html - no css - I used to check in Opera: if my
pages showed up allright in Opera, chances were they would be all right
(not full proof, but ŕ la).

These days I work with a combination of html and css.
I test in IE - for obvious reasons - Mozilla (my standard browser), Opera
and since yesterday also Firefox (formerly know as Firebird).

The differences are enormous. The shock is painful.

While I do realize that it is impossible to control the display of a page
in all browsers/screen sizes/resolutions and what-have-you - I would like
to have some idea of what *most* people *most likely* will see. Testing in
IE gives a good idea - whether I like it or not - but can someone come up
with a more all round test? Something like I used to be able to use Opera
for? I thought Firefox might do it, but was disappointed - despite liking
their online css editor.

I will be grateful for your useful reply.

--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail]
Jul 20 '05 #1
Share this Question
Share on Google+
15 Replies


P: n/a
On Wed, 18 Feb 2004 00:01:47 +0100, A.Translator
<ad******************@yaBISHhoo.com> wrote:
These days I work with a combination of html and css.
I test in IE - for obvious reasons - Mozilla (my standard browser),
Opera
and since yesterday also Firefox (formerly know as Firebird).

The differences are enormous. The shock is painful.


Take the pain. Through it you'll find the way.

Test in even more browsers. Keep tweaking until you can see it emerge in
all the browsers you're checking with.
Jul 20 '05 #2

P: n/a

"A.Translator" <ad******************@yaBISHhoo.com> wrote in
message news:n2***************@www.translatoria.com...
| Sorry for the cryptic heading: couldn't think of something that
would
| describe my question better:
|
| When I just used plain html - no css - I used to check in
Opera: if my
| pages showed up allright in Opera, chances were they would be
all right
| (not full proof, but ŕ la).
|
| These days I work with a combination of html and css.
| I test in IE - for obvious reasons - Mozilla (my standard
browser), Opera
| and since yesterday also Firefox (formerly know as Firebird).
|
| The differences are enormous. The shock is painful.
|
| While I do realize that it is impossible to control the display
of a page
| in all browsers/screen sizes/resolutions and what-have-you - I
would like
| to have some idea of what *most* people *most likely* will
see. Testing in
| IE gives a good idea - whether I like it or not - but can
someone come up
| with a more all round test? Something like I used to be able to
use Opera
| for? I thought Firefox might do it, but was disappointed -
despite liking
| their online css editor.
|
| I will be grateful for your useful reply.
|
| --
| Groet, Adriana.
| [throw rubbish out if you want to reach me by e-mail]

I agree with Neal and DU's comments, especially DU's suggestion
to validate your markup and css.

Personally, I have 7 browsers on my machine and four on my wife's
that I use, and since I don't have a Mac I utilize iCapture <
http://www.danvine.com/icapture/ > to get an idea about Safari.
But since I started validating ALL my markup and css I've found
the differences are negligible.

hth
--
Chet
ng******@NOcharterSPAM.net (remove NO.....SPAM)
Jul 20 '05 #3

P: n/a
On Tue, 17 Feb 2004 20:10:10 -0800, Chet wrote:
But since I started validating ALL my markup and css I've found
the differences are negligible.


Well, the answer is clear.
My pages validate all right as far as html is concerned, must be the css.
Thanks for replying.
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail]
Jul 20 '05 #4

P: n/a
On Tue, 17 Feb 2004 20:24:47 -0500, Neal wrote:
Take the pain. Through it you'll find the way.


How philosophical!

To my surprise my page validated both for html ánd css (using
http://jigsaw.w3.org/css-validator/validator-uri.html - hope that is
right), but Firefox does not recognize the background color in the ul's
that make up my menu's (http://www.xs4all.nl/~hogen/TaalVlinder/), so that
the menu becomes illegible (I am talking about the green horizontal navbar
at the top, not the sidebar on the left).

Si is Firefox missing something or am I?

Thanks for your help.

--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail]
Jul 20 '05 #5

P: n/a
It seems "A.Translator" wrote in
comp.infosystems.www.authoring.stylesheets:
My pages validate all right as far as html is concerned, must be the css.


Have you validated the CSS?

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/
Jul 20 '05 #6

P: n/a
On Wed, 18 Feb 2004 19:46:40 -0500, Stan Brown wrote:
Have you validated the CSS?


Yes: it gets the OK.
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail]
Jul 20 '05 #7

P: n/a
On Wed, 18 Feb 2004 11:29:19 +0100, "A.Translator"
<ad******************@yaBISHhoo.com> wrote:
To my surprise my page validated both for html ánd css (using
http://jigsaw.w3.org/css-validator/validator-uri.html - hope that is
right), but Firefox does not recognize the background color in the ul's
that make up my menu's (http://www.xs4all.nl/~hogen/TaalVlinder/), so that
the menu becomes illegible (I am talking about the green horizontal navbar
at the top, not the sidebar on the left).

Si is Firefox missing something or am I?


I think it must be a Firefox error. It's perhaps similar to a Konqueror
error which I was told about with one of my pages. I suggest you specify
both color and background-color on your .navbar rule and on your
..navbar a:link (etc) rule - see if that helps.

And as a very speculative idea, you might also like to put a space after
your commas, as one or two browsers seem to need some extra white space.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Jul 20 '05 #8

P: n/a
On Fri, 20 Feb 2004 07:52:10 +0100, Stephen Poley wrote:
I think it must be a Firefox error. It's perhaps similar to a Konqueror
error which I was told about with one of my pages. I suggest you specify
both color and background-color on your .navbar rule and on your
.navbar a:link (etc) rule - see if that helps.

And as a very speculative idea, you might also like to put a space after
your commas, as one or two browsers seem to need some extra white space.


I'll try both. Thanks for your suggestions.
(xs4all is where its @!)
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail]
Jul 20 '05 #9

P: n/a
On Fri, 20 Feb 2004 07:52:10 +0100, Stephen Poley wrote:
I suggest you specify both color and background-color on your .navbar
rule and on your .navbar a:link (etc) rule - see if that helps.


(It is not about .navbar but about .menu). Anyway: when I type
the css in the css-edit tool that is part of the fun of Firefox, the menu
shows as intended - *even though* it is *exactly* the same as the rules
in the uploaded stylesheet!

As if Firefox 'reads' only half the uploaded css, but sees everything that
is put in the editor:

Paste the .menu rules below in the edit css window in Firefox with
http://www.xs4all.nl/~hogen/TaalVlinder/ open, and presto the menu's
(again: not the sidebar, the one's saying Slang & Jiddisch, Vaktaal etc)
work!

------------------------------------------------------
..menu {
color:#CCCCCC;
background-color:#FFFFFF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
}

..menu a:link, .menu a:visited,.menu a:hover,.menu a:active {
color:#999999;
text-decoration:none;
}

----------------------------------------------------------------------------------

Now check the uploaded fladder.css file: exactly the same.

Or just take my word for it!
Can someone explain this?

--
Groet, Adriana. [throw rubbish out if you want to reach me by e-mail]
Jul 20 '05 #10

P: n/a
Els

A.Translator wrote:
On Fri, 20 Feb 2004 07:52:10 +0100, Stephen Poley wrote:
I suggest you specify both color and background-color on your .navbar
rule and on your .navbar a:link (etc) rule - see if that helps.


(It is not about .navbar but about .menu). Anyway: when I type
the css in the css-edit tool that is part of the fun of Firefox, the menu
shows as intended - *even though* it is *exactly* the same as the rules
in the uploaded stylesheet!

As if Firefox 'reads' only half the uploaded css, but sees everything that
is put in the editor:

Paste the .menu rules below in the edit css window in Firefox with
http://www.xs4all.nl/~hogen/TaalVlinder/ open, and presto the menu's
(again: not the sidebar, the one's saying Slang & Jiddisch, Vaktaal etc)
work!

------------------------------------------------------

.menu {
color:#CCCCCC;
background-color:#FFFFFF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
}

.menu a:link, .menu a:visited,.menu a:hover,.menu a:active {
color:#999999;
text-decoration:none;
}

----------------------------------------------------------------------------------

Now check the uploaded fladder.css file: exactly the same.

Or just take my word for it!
Can someone explain this?


I don't know if you changed anything already, but I just
called the page for the first time, and it looks the same in
Firefox, NS7.1 and IE6.0.
--
Els

Mente humana é como pára-quedas; funciona melhor aberta.

Jul 20 '05 #11

P: n/a
Els

Els wrote:
A.Translator wrote:
Anyway: when I type
the css in the css-edit tool that is part of the fun of Firefox,
I can't find that. Where is it supposed to be?
Now check the uploaded fladder.css file: exactly the same.


I don't know if you changed anything already, but I just called the page
for the first time, and it looks the same in Firefox, NS7.1 and IE6.0.


Maybe the css-edit tool is a plug-in or something and you
set it to something different, which is overruled by the
code you uploaded?

--
Els

Mente humana é como pára-quedas; funciona melhor aberta.

Jul 20 '05 #12

P: n/a
On Fri, 20 Feb 2004 12:46:41 +0100, Els wrote:
I don't know if you changed anything already, but I just
called the page for the first time, and it looks the same in
Firefox, NS7.1 and IE6.0.


No, did not change a thing.

Did you click on 'Slang & Jiddisch'? It is these menu's that look different
here with Firefox.
I don't understand. It cannot be a version- thing, for Firefox only exists
as 8.0 or am I mistaken?
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail]
Jul 20 '05 #13

P: n/a
On Fri, 20 Feb 2004 12:51:42 +0100, Els wrote:
I can't find that. Where is it supposed to be?


If you included it in your installation, it is under View > Sidebar > Edit
css.

To illustrate what happens with me, I uploaded some screen shots to:

http://www.xs4all.nl/~hogen/test/ .

The only thing I changed in the meantime: I added p, ul and li to the body
style declaration, but that has nothing to do with the 'menu's. They still
only react when I paste the css in Firefox's sidebar ...
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail]
Jul 20 '05 #14

P: n/a
Els
A.Translator wrote:
On Fri, 20 Feb 2004 12:46:41 +0100, Els wrote:
I don't know if you changed anything already, but I just
called the page for the first time, and it looks the same in
Firefox, NS7.1 and IE6.0.


No, did not change a thing.

Did you click on 'Slang & Jiddisch'? It is these menu's that look different
here with Firefox.
I don't understand. It cannot be a version- thing, for Firefox only exists
as 8.0 or am I mistaken?


You are mistaken as to 8.0 ;-), but certainly there can't be
a different version already for the 0.8?

Anyway, I didn't install the Edit option, apparently, and I
surely don't see what you see, I see it nicely, on a white
background.
My guess still is that something in that Edit section is
having some default, which causes it.
Have a look at other pages that use a different background
for ul?
--
Els

Mente humana é como pára-quedas; funciona melhor aberta.

Jul 20 '05 #15

P: n/a
On Fri, 20 Feb 2004 13:34:15 +0100, Els wrote:
A.Translator wrote:
On Fri, 20 Feb 2004 12:46:41 +0100, Els wrote:
I don't know if you changed anything already, but I just
called the page for the first time, and it looks the same in
Firefox, NS7.1 and IE6.0.
No, did not change a thing.

Did you click on 'Slang & Jiddisch'? It is these menu's that look different
here with Firefox.
I don't understand. It cannot be a version- thing, for Firefox only exists
as 8.0 or am I mistaken?


You are mistaken as to 8.0 ;-), but certainly there can't be
a different version already for the 0.8?


Quite right! 0.8 is what I meant to type.
Anyway, I didn't install the Edit option, apparently, and I
surely don't see what you see, I see it nicely, on a white
background.
My guess still is that something in that Edit section is
having some default, which causes it.
Have a look at other pages that use a different background
for ul?


I may go looking for one, but am satisfied for now that it is not my css.
I noticed it with other things too, not just with the ul's.

As soon as I have time I wil go and ask in a mozilla group.

Bedankt voor je reactie!
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail]
Jul 20 '05 #16

This discussion thread is closed

Replies have been disabled for this discussion.