[Top]
More advice for the full screen mode.
   
I list below all topic groups, which I have done according to subjects, which they handle. You can return to this topic group by using this menu and the link Table of topic groups on the top of the each page.
 
 
Search:
[Help]
Table of topic groupsFront page of CSS-guideGeneral info > Functionality of my pages with different browsers > Table concerning rendering my dynamic menus (section 1a/4)

Table concerning rendering my dynamic menus

Biggest differences concerns the functionality of main links in the dynamic menus and link sets below dynamic menus on top-left edges of pages. The CSS-guide should have a dynamic menu like and a link set in the screen capture below (the screen capture has been taken 11/2003).

CSS-sivut

I rank the functionality of dynamic menus and special links according to the user-friendliness and the presentation. I have divided the user-friendliness into two spots, which have been ranked separately. Generic user-friendliness features and speed. When I have rated these matters I have used the following principles and emphasis factors:

  1. The generic user-friendliness (the emphasis factor is 3.0). In generic user-friendliness features I rate all such CSS-features and JavaScript actions, which I have designed in order to get the maximum user-friendliness. Browsers get full points if following matters work:

    • Menus and special links below menus stay fixed on the top-left edge of the page and they don't scroll among the page. Sub-menus can be opened in any circumstances. I have taken account only such implementations, which elements can keep on the top of the page by using position:fixed.
    • All opening and closing links work and they use always the primary opening/closing commands.
    • Menus are opened enough correct positions with each others that user-friendliness is good (some pixel differences from the optimal presentation is allowed in this estimation spot).
    • Sub-menus have "shadow areas", which are inactive in order to avoid "slipping" by accident out of sub-menus.
    • The active space of links are as wide as possible.
    • Background colors of links work correctly when the mouse hovers over the links or the link has been clicked.
    • The cursor behaves as I have been designed.
    • The browser renders advisory title attributes and status bar informations.
  2. The speed (the emphasis factor is 1.5). The speed doesn't mean in this connection how fast browsers download my such Web-pages, which use dynamic menus but just how fast browsers follow mouse movements in dynamic menus. The browser gets full points if with 200 MHz PC computer moving in the menus can't be at all found irritating delays.

  3. The presentation. I rank in this connection all presentational features except some features, which I have ranked in the user-friendliness. Browsers get full points if the following matters have been rendered flawless:

    • The browser renders all dimension and positioning related properties according to the CSS2-specification (width, height, line-height, text-align, left, top, padding, margin and border-width. I have not been taken account in this connection if menus are fixed on the top of the page or not because I have rated that matter in the first spot.
    • Font-related properties are correct.
    • Background properties and colors work according to the CSS2 specification. Some browsers have difficulties to render background properties correct in the first visit and pages might work well only after reloading them. I don't take account this matter. The test presumes that background properties work normally.

I give numeric estimation with the scale of values 4,0-10,0 and points. Points of individual spots have been get so that the grade has multiplied with the emphasis factor. I the total estimations points are added together and then divided with the sum of emphasis factors so, that the maximum estimation is always 10,0 (the emphasis factor and the maximum points are inside parenthesis in the first table row). The golden background means the best estimation and bold text means that the browser has got the maximum grade. The estimation according to stars have been done at the following way:

(the user-friendliness)
The
presentation
(2.0):

(max. points 20,0)
The total
estimation:


(max. points 65,0)
Stars:
The generic
user-frendl.
(3.0):
(max. points 30,0)
The speed
(1.5):

(max. points 15,0)
Opera 7.x
[Details]
10,0 (30,0) 9,6 (14,3) 10,0 (20,0) 9,9 (64,4) [Star] [Star] [Star] [Star] [Star]
Mozilla 1.1, Netscape 7.0, Konqueror 3.1
[Details]
9,9 (29,7) 8,5 (12,8) 10,0 (20,0) 9,6 (62,5)
Opera 6.x
[Details]
9,0 (27,0) 9,6 (14,4) 9,8 (19,6) 9,4 (61,) [Tähti][Tähti][Tähti][Tähti]
Mozilla 0.9.1-0.9.4, Netscape 6.1x-6.2x
[Details]
9,7 (29,1) 7,5 (11,2) 9,9 (19,8) 9,2 (60,1)
Opera 5.1x
[Details]
8,6 (25,8) 9,6 (14,4) 9,6 (19,2) 9,0 (58,6)
MS IE 5.x
(Mac)
[Details]
9,1 (27,3) 8,0 (12,0) 9,6 (19,2) 9,0 (58,5)
Mozilla 1.3x/1.4x
[Details]
8,5 (25,5) 8,5 (12,8) 10,0 (20,0) 9,0 (58,3)
MS IE 6.0
(Windows)
[Details]
8,5 (25,5) 8,0 (12,0) 10,0 (20,0) 8,8 (57,5) [Star][Star][Star]
MS IE 5.x
(Windows)
[Details]
8,5 (25,5) 8,0 (12,0) 9,8 (19,6) 8,8 (57,1)
MS IE 4.0
(Windows)
[Details]
8,0 (24,0) 8,5 (12,8) 9,0 (18,0) 8,4 (54,8)
Netscape 6.0x, Mozilla 6.0
[Details]
8,0 (24,0) 7,0 (10,5) 9,6 (19,2) 8,3 (53,7)
Netscape 4.x
[Details]
7,5 (22,5) 10,0 (15,0) 7,0 (14,0) 7,9 (51,5) [Tähti][Tähti]
Opera 4.x
[Details]
4,0 (12,0) 4,0 (6,0) 8,0 (16,0) 5,2 (34,0) -

I handle creating of dynamic menus in an extra page[S]. I have listed problems with concerns my CSS-site and other sites. In addition of CSS-problems I have listed also some generic functionality problems, which I have found in some browsers. Browser version also differ from each other quite much, why some browsers have much version-specific notes. With some browsers (especially with Opera) might have problems because of inappropriate designing, but this is not a problem in my sites.

I handle in the known problems, also such missing features, which cause limitations to Web-designing.

[Top]