|
Help testing webpage please, especially in new or unusual Browsers
Sat, 25 Feb 2006 01:30:25 GMT
uk.people.silversurfers
previous
Ali...
|
I was jbexvat on improving the layout of the stats, when I found an
unexpected behaviour in Firefox with respect to table columns. This has been
on the bug list since 1999. so I doubt it's going to get fixed any time
Ali...
|
In brief, in Gecko based browsers, table cells don't inherit the align or
valign attribute from the corresponding element, as required by the
HTML 4.x and XHTML 1.x specs. Neither do they inherit any styles,
particularly text-align, from the elements, which /is/ in conformance
with the CSS spec. Most versions of IE (from 3.2 I think) do both.
The work-around is to use Adjacent sibling selectors, introduced in CSS2
(which most versions of IE don't support) to select individual columns and
apply styling properties to them, which is rather more of a faff on than to
apply one of two or three styles to elements, which are designed to
cover multiple adjacent columns with the same properties; especially sin the
method has to be used as well, for IE.
It is however, easier than applying a style or class to each table cell
individually.
For those who are interested in the behaviour
The test has shown that when I don't apply different styles to the two
methods, everyone should see the same thing. (Confirmation from anyone with
IE7 would be welcome)
Thanks again to everyone who took the trouble to look at that page and
reply.
|
soon.
As a result, IE and Fx have totally different behaviours , but fortunately,
in the versions I've got, totally ignore the code required for the other
one.
is a test page, with deliberately different colourings applied to the two
solutions.
Can some people tell me the colours (navy and two shades of green OR red,
orange, blue) and text alignments (left|centre|right) you see for each
column in the first table? And the browser you're using of course.
MCC...
|
Firefox 1.5.0.1
Tot Posts Right-alighned Blue
Posts Right-aligned Blue
Started by Centred Green
Start Fills Column Blue
End Fills Column Blue
Duration Right-aligned Blue
Subject Left-aligned Green
Internet Explorer 6
Tot Posts Right-Aligned Red
Posts Right-Aligned Red
Started by Centred Paler Red
Start Fills column Paler Red
End Fills column Paler Red
Duration Right-aligned Red
Subject Left-aligned Blue
Ali...
|
Thanks Mike. Illustrates the problem nicely.
|
|
Bram...
|
Dunno if this is what you want Ali.,
Column allign font colour.
Total posts. R Blue
posts R Blue
Started by C Green
Start c Blue
End C Blue
Duration R Blue
Subject L Green
Firefox 1.0.7 on Mepis Linux 3.4.3
Ali...
|
Yes, Bram, that's exactly what I wanted, thanks.
|
|
Ponder...
|
Will be in the format browser, colour/alignment per column as r = red, o
= orange, b = blue, g = green and l = left, r = right, c = centre, t = too
tight to tell.
IE - Windows: r/r, r/r, o/c, o/t, o/t, r/r, b/l
Fx - Windows: b/r, b/r, g/c, b/t, b/t, b/r, g/l
Fx - Linux (Debian + KDE): As Fx (Windows)
Epiphany (Linux): As Fx (Windows)
Konqueror (Linux): Loads the default desktop browser for some reason :-/
Mozilla (Linux): As Fx (Windows)
Seems like IE is the odd one out. How unusual ;)
Ali...
|
The really unusual thing is that IE does the intuitive thing, Gecko needs the
work-around.
Thanks for al your testing
|
|
Wrinklie One =?iso-8859-1?Q?=A9?=...
|
See for yourself
IE6 sp2
Ali...
|
|
next
|