Sent by Stephen Sample on 11 February 2003 20:08
On Tuesday, February 11, 2003, at 12:03 PM,
> I'd appreciate a second look, particularly in IE6(98|Me|XP) and
> site: http://www.inug.nu/en/
> css: http://www.inug.nu/css/
First, lovely design! It's clean, it works well in just about
everything I've thrown at it. There are just a few (mostly minor)
glitches that I've found.
IE5.2/Mac OS X:
(1) The highlighting for the Svenska/English link in the top
navigation bar extends too far to the left in the hover
state (the background covers up part of the word
This occurs in both English and Svenska, so translate
the link names as appropriate for the rest of this
paragraph. The width of the highlighting area seems
to depend on the window width (i.e. wider windows
produce wider highlights, and more of the "Contact"
link is covered up). Additionally, if you move the
cursor directly from "Contact" to "Svenska", the
background of the "Contact" link isn't erased in the
area covered by the artificially widened "Svenska"
(2) There is a bit of a flicker when you move from one
.actuator link to another (the wrong link highlights).
This occurs only in English, as far as I can tell,
and further, it only occurs for links on the same
line as "Svenska", which makes me think that the
two errors are related. Basically, when you move
the cursor between two links such as "News" and
"Links", the link to the right of the pair ("Contact")
highlights. It looks to me like the target area for
the right neighbor link is extending too far, and
marking the space between the two links as
active. This actually appears to be related to the
width of the highlighting for the "Svenska" link--if
the right list box of a pair is wider than the
"Svenska" box, then the right neighbor link is
not highlighted; otherwise, it is.
(3) The page width is greater than the window width,
although the visible content all fits in the window
(so a horizontal scroll bar appears, though it isn't
Safari/Mac OS X:
(1) When the window width goes below 522 pixels
(or thereabouts), the page width suddenly
increases, and a horizontal scrollbar appears.
Unlike case 3 for IE5, above, however, this is
window width dependent, and also, the scrollbar
is actually needed in this case: when the column
becomes narrower than the floated image (plus
padding), the paragraphs that wrap around that
image ("Our mission is to contribute...", and the
paragraphs after it) suddenly stop respecting
the width restrictions, and each get put onto a
single (very wide) line.
(2) When 1 occurs, the links in the right sidebar
become unusable (probably because they are
"covered" by the other column).
None of these are show-stoppers, as far as I'm concerned. IE5/Mac's
problems are all (a) cosmetic, and (b) minor. Safari's bugs are more
serious, but (a) they only occur at unusually small window widths
(given that this is not a handheld browser or anything), (b) Safari is
likely to be a ridiculously small proportion of your visitors, and (c),
it's still in beta (I've filed a bug against its rendering of your
I haven't debugged the source of any of these problems yet, but I'll
try to do so in a few days (I'm in the middle of at least two major
projects, and my boss would probably frown on my spending several hours
debugging another site ;-)