[WSG] Browser testing across Windows OS's
Hi all, I'm working on improving the site testing procedures here at work. I'm trying to gauge the need to test browsers on the different Windows (and other) OS's. I'm using the standalone IE's under Windows XP and I'm wondering if the IE5.5 standalone is behaving exactly the same as an integrated IE5.5 installation on Windows 2000, ME or 98(SE)? E.g. Are there any HTML, Javascript or CSS bugs that are present in IE5.5 Win2k, but not IE5.5 WinXP? Same question for Netscape, Mozilla and other browsers. Are they mostly identical across the various OS's they support? Evolt.org's testing chart only includes Windows, not the individual versions (http://evolt.org/article/Browser_testing_list/20/548/index.html looks rather old). Nor does it talk about different versions of MacOS. Do WSG members consider this sufficient testing strategy? I understand this is probably going to be very different from one organisation to another but there has to be a baseline at least! I'm keen to hear some opinions and get some good resources on this to hopefully get an idea of how far I need to take our testing strategy. Thanks in advance, Miles. * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
[WSG] CSS ???
CSS
I am having a bit of an issue with Mozilla and IE:
.main_page
{
width:100% !important;
background-color:#d6aef1;
border-right:1px solid #609;
border-left:1px solid #609;
border-bottom:1px solid #609;
padding:4px;
}
Does what I need it too in IE: However to do what I want it to do in
Mozilla, I need the following
.main_page
{
width:100% !important;
background-color:#d6aef1;
border: 1px solid #609;
padding:4px;
}
My question is how do I get IE to see what I want it to and Mozilla to
ignore the IE???
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
Re: [WSG] CSS ???
Brian
I don't know what platform your talking about but I tried the following
code in both IE and Moz on Mac and the code works in both as you would
expect. I changed width to 90% and added a height so I could see it
better. Works fine on Mac.
.main_page
{
width:90% !important;
height:90% !important;
background-color:#d6aef1;
border-right: 1px solid #609;
border-left: 1px solid #609;
border-bottom: 1px solid #609;
padding:4px;
}
Hope this helps
Leo
On Friday, April 16, 2004, at 10:39 AM, theGrafixGuy wrote:
CSS
I am having a bit of an issue with Mozilla and IE:
.main_page
{
width:100% !important;
background-color:#d6aef1;
border-right:1px solid #609;
border-left:1px solid #609;
border-bottom:1px solid #609;
padding:4px;
}
Does what I need it too in IE: However to do what I want it to do in
Mozilla, I need the following
.main_page
{
width:100% !important;
background-color:#d6aef1;
border: 1px solid #609;
padding:4px;
}
My question is how do I get IE to see what I want it to and Mozilla to
ignore the IE???
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
[WSG] Looking for a little peer review
Hi all, this will be my first time posting to this group. Someone just told me that my ever-in-progress personal site is looking strange on their screen using IE6/Win. I have tested it using IE5.0/Win and IE6/Win on VirtualPC, as well as with various Mac browsers, and have not come across any major layout issues (except for the occasional pixel imperfection). Apparently for this person on IE6/Win the text in the white main column is overlapping the right sidebar. I'm wondering if it may be an issue relating to a minor update of IE6/Win? Anyway, I'd appreciate a quick check with as many browsers as possible just to ensure I haven't missed anything. The central column has a right-margin equal to the width of the right sidebar, and the right sidebar is absolutely positioned. http://www.nelsonford.net/ Thank you! Nelson * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
RE: [WSG] Looking for a little peer review
Apparently for this person on IE6/Win the text in the white main column is overlapping the right sidebar. http://www.nelsonford.net/ Thank you! Nelson Hi Nelson, I'm using IE6.0 on WindowsXP Pro and it looks fine. I tried various resolutions and expanded/shrank the window but was unable to 'break' it. Will Chatham oOo www.willchatham.com --- * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] Looking for a little peer review
Hey, Nelson. I can't see anything wrong with it in IE6/WinXP Pro. I have all the latest updates, etc. Looks very nice, BTW. Simon Jessey -- mail: [EMAIL PROTECTED] web : http://jessey.net/blog/ work: http://keystonewebsites.com/ - Original Message - From: Nelson Ford [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Friday, April 16, 2004 1:24 PM Subject: [WSG] Looking for a little peer review Anyway, I'd appreciate a quick check with as many browsers as possible just to ensure I haven't missed anything. http://www.nelsonford.net/ * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] Looking for a little peer review
I'm using IE6.0 on WindowsXP Pro and it looks fine. I tried various resolutions and expanded/shrank the window but was unable to 'break' it. Same here (but Win2K). The right hand sidebar content falls a little onto the middle column when text is set to Largest but the blog is still more than readable even then. The blog content is very easy to read at all resolutions - if you had comments I'd be leaving a complimentary one right now. Daisy http://chasingdaisy.typepad.com * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
RE: [WSG] Looking for a little peer review
Looks fine on Server 2k3 and IE6 Brian -Original Message- From: Nelson Ford [mailto:[EMAIL PROTECTED] Sent: Friday, April 16, 2004 10:24 AM To: [EMAIL PROTECTED] Subject: [WSG] Looking for a little peer review Hi all, this will be my first time posting to this group. Someone just told me that my ever-in-progress personal site is looking strange on their screen using IE6/Win. I have tested it using IE5.0/Win and IE6/Win on VirtualPC, as well as with various Mac browsers, and have not come across any major layout issues (except for the occasional pixel imperfection). Apparently for this person on IE6/Win the text in the white main column is overlapping the right sidebar. I'm wondering if it may be an issue relating to a minor update of IE6/Win? Anyway, I'd appreciate a quick check with as many browsers as possible just to ensure I haven't missed anything. The central column has a right-margin equal to the width of the right sidebar, and the right sidebar is absolutely positioned. http://www.nelsonford.net/ Thank you! Nelson * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] two issues
Never mind on # 1. I found the problem. Isn't that always the case -- just after you ask for help?? :) Barbara Dozetos wrote: Hi folks, Two things bugging me on a page in progress... http://www.pcc.com/barb/bnch2colhd.html 1) I somehow managed to screw up something with the line height in the rh-col div of this page. It's rendering as I want it to in IE, but not in Firefox. It was working fine in Firefox earlier today before I started tinkering with other things. Ideas, anyone? 2) In IE, the navigation list on the left does not render with the right and left borders on the 'buttons.' It's ok, but so much cooler in Firefox. Is there something I can do to make IE does this properly? Barb -- Barbara Dozetos [EMAIL PROTECTED] Physician's Computer CompanyMarketing Team 1 Main St., Ste 7 802-846-5532 Winooski, VT 05404 * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] The World Wide Web is not enough
Hi Irapuan, Your English is not bad - better than some native speakers I have worked with, in fact! :) On Fri, 16 Apr 2004 00:40:00 -0300, you wrote: Look that: http://www.apcmag.com/apc/v3.nsf/0/A569C81864DC4F1BCA256E5F001A59C5 Here in Brazil, I see this same type of opinion frequently, ... I have worked in the computer field for over forty years, and, like you, am still amazed to find how intransigent many in this field are. You'd think that a cutting-edge field would attract people open to change, but such is not the case. Only three years ago I had a project lead angry at me for daring to use lower case in my COBOL code! There is a name for such people in English - Luddites: http://carbon.cudenver.edu/~mryder/itc_data/luddite.html Thanks for raising this issue. After forty years I still don't know how to deal with it. Life. Love. Peace. David -- David Hucklesby, on 4/16/2004 Read Obituary at http://www.hucklesby.com/ -- * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] Pseudo-classes - Links - Weird issues
Jamie,
This is hard to answer as we cannot see your html. The class could be inside
or outside the 'a' element, which will affect the way you set up your
selector.
INSIDE THE 'A' ELEMENT
Assuming that your class was inside the 'a' element like this:
a href=# class=pootext here/a
The correct markup would be:
a.poo:link {}
a.poo:visited {}
a.poo:hover {}
a.poo:active {}
Note that the class comes directly after the element (in this case the 'a').
The pseudo-classes (eg 'hover'), which do not exist in the document tree,
come after the class. This would be the same for ID.
OUTSIDE THE 'A' ELEMENT
However, if your class was outside the 'a' element like this:
p class=pooa href=#text here/a/p
Then one way to mark the a element would be:
.poo a:link { }
.poo a:visited { }
.poo a:hover { }
.poo a:active { }
Although, you could also use the following to be more specific:
p.poo a:link { }
p.poo a:visited { }
p.poo a:hover { }
p.poo a:active { }
The best way to learn where to place your classes is to think of the
document tree and work down from the top - starting with the body. Then you
will know how to mark up your selectors correctly. More on that here:
http://css.maxdesign.com.au/selectutorial/document_tree.htm
Whenever I get stuck I draw a quick little document tree and it immediately
become clear how to structure the relevant selector.
Also worth noting, link and link pseudo class selectors should always appear
in your style sheet in the following order. If your hover and active states
don't appear to be working, this may be the cause.
a{}
a:link {}
a:visited {}
a:hover {}
a:active {}
The best way I find to remember this is to think of love-hate, or
'LoVeHAte'. Very apt, as many of us have a love-hate relationship with
pseudo selectors. :)
Russ
I must have overlooked something but I have looked trough the CSS many times
and can't find anything wrong with it. Facing problems with :hover for one
of the class when it worked for the rest.
By the way how do the rest of you style your links? (for Class not ID)
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
Re: [WSG] Form submission: CAPTCHA test and accessibility
What annoys me is that with the proliferation of this sort of thing, people will get used to it, accept it, then not really notice that they have to do it all the time, and then no one will realise that we've just condemned visually impaired users (and anyone else who can't load images for whatever reason!) back to the dark-ages of not being able to access anything. Yeah that's what I was thinking. In fact I hadn't intended on using them for anything, my concern was more that it needs to be made clear whether they do potentially keep out valid users. Even though they may become a sad necessity for someone trying to stop an assault on say a their weblog, I can see their adoption in other areas having being taken up by developers thinking ah that's a good idea without considering (or being aware of) the full implications. In other words a use with caution and only as a last resort ...etc, Nick * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] Pseudo-classes - Links - Weird issues
Forgot to ask.. if lets say a{}, a:link {}, a:visited {}, a:hover {} and a:active {} share the same style with the exception of a:hover {} and a:active {} having a minor differences. Can a:link {} anda:visited {} be excluded?
Example: -
a {color: #90AAAB;text-decoration: none;border-bottom: 1px dashed #CC9900; }
a:hover, a:active{
color: #4A8393;
border-bottom: none;}
Since a{} is included on the above, wouldn't that comprises of a:link {} and a:visited {} as well? So is it possible toleavethose 2 out?
With Regards
Jaime Wong
~~
SODesires Design Team
http://www.sodesires.com
~~
---Original Message---
From: [EMAIL PROTECTED]
Date: 04/17/04 09:20:23
To: Web Standards Group
Subject: Re: [WSG] Pseudo-classes - Links - Weird issues
Jamie,
This is hard to answer as we cannot see your html. The class could be inside
or outside the 'a' element, which will affect the way you set up your
selector.
INSIDE THE 'A' ELEMENT
Assuming that your class was inside the 'a' element like this:
a href="" class="poo"text here/a
The correct markup would be:
a.poo:link {}
a.poo:visited {}
a.poo:hover {}
a.poo:active {}
Note that the class comes directly after the element (in this case the 'a').
The pseudo-classes (eg 'hover'), which do not exist in the document tree,
come after the class. This would be the same for ID.
OUTSIDE THE 'A' ELEMENT
However, if your class was outside the 'a' element like this:
p class="poo"a href=""text here/a/p
Then one way to mark the a element would be:
..poo a:link { }
..poo a:visited { }
..poo a:hover { }
..poo a:active { }
Although, you could also use the following to be more specific:
p.poo a:link { }
p.poo a:visited { }
p.poo a:hover { }
p.poo a:active { }
The best way to learn where to place your classes is to think of the
document tree and work down from the top - starting with the body. Then you
will know how to mark up your selectors correctly. More on that here:
http://css.maxdesign.com.au/selectutorial/document_tree.htm
Whenever I get stuck I draw a quick little document tree and it immediately
become clear how to structure the relevant selector.
Also worth noting, link and link pseudo class selectors should always appear
in your style sheet in the following order. If your hover and active states
don't appear to be working, this may be the cause.
a{}
a:link {}
a:visited {}
a:hover {}
a:active {}
The best way I find to remember this is to think of love-hate, or
'LoVeHAte'. Very apt, as many of us have a love-hate relationship with
pseudo selectors.:)
Russ
I must have overlooked something but I have looked trough the CSS many times
and can't find anything wrong with it. Facing problems with :hover for one
of the class when it worked for the rest.
By the way how do the rest of you style your links? (for Class not ID)
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
.
Re: [WSG] Pseudo-classes - Links - Weird issues
Yes, they can be excluded. You can choose to use any of these pseudo-classes
or none of them. Up to you. You definitely do not have to specify them all.
Some would argue there is a usability issue with using the same link and
visited colour, but that is a separate discussion and not really within the
brief of this list :)
Russ
Forgot to ask .. if lets say a{}, a:link {}, a:visited {}, a:hover {} and
a:active {} share the same style with the exception of a:hover {} and a:active
{} having a minor differences. Can a:link {} and a:visited {} be excluded?
Since a{} is included on the above, wouldn't that comprises of a:link {} and
a:visited {} as well? So is it possible to leave those 2 out?
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
