Official Documentation...

[ Table of Contents ]

Bluesteel 3.01 Stylesheet and Fix

Fixed in 7.7r3.2004.09.30 — Current Stylesheet Version: 3.02

PRODUCTS AFFECTED

• BNBT EasyTracker 7.7r3.2004.07.15
• The Trinity Edition of BNBT 7.7r3.2004.07.15

SYMPTOMS

After the index page completely loads, the Navigation Bar will disappear when the page is scrolled down then up. Other images on the page might also disappear.

EXPLANATION

When coding the Bluesteel version 3 cascading stylesheet, I used the Official W3C CSS v2 Specification. It has, however, been brought to my attention that Internet Explorer does not fully support this industry standard, and therefore will cause errors when displaying the tracker's website to users of Internet Explorer.

Mozilla, Mozilla Firefox, Netscape Navigator and possibly Opera should have no issues using the original stylesheet. However, it is most likely that the majority of users visiting your tracker will be using Internet Explorer... unfortuantely.

SOLUTION 1

and tell all your friends to get it too.

SOLUTION 2

If you have not made any changes to the Bluesteel 3 stylesheet, you can easily download the 3.01 version of this stylesheet and use it instead of version 3. The stylesheet (.css) is contained within a zip archive. Simply extract the contents to the same folder in which your current stylesheet resides, and modify your tracker's configuration file to point to the new filename: bluesteel-3.01.css

If you used BNBT EasyTracker for Windows, the new configuration value should be /files/css/bluesteel-3.01.css

PLEASE NOTE: The new stylesheet will no longer make the Navigation Bar fixed to the top of the page when scrolling. Internet Explorer's support for this feature is only partial and is what is causing the issue.

SOLUTION 3

If you have already made changes to the default stylesheet and you do not want to lose those modifications, you can either download the new stylesheet and simply copy over the NAVIGATION BAR TWEAKS section or you can use the following set of instructions to just modify the affected code of your current stylesheet.

PLEASE NOTE: Spacing in the following code examples will vary.

1. Scroll down to the NAVIGATION BAR TWEAKS section. The 2nd element specifications should look like this:

table.navbar {

    background-color: #EFEFEF ;
    border-bottom: 1px solid black ;
    margin: 0px ;
    position: fixed ;
    top: 0px ;

}

2. Change the value for "position" from fixed to absolute:

position: absolute;

Add the following line of code to the end of this element's specifications:

left: 0px ;

3. Two sections later, the top margin offset for h3 is specified:

h3 {
    margin-top: 50px;
}

Change this section so that this margin setting is also applied to h4 elements:

h3, h4 {
    margin-top: 50px;
}

And you're done!

The resulting sections of your stylesheet should then look like this - changes and additions are in RED:

table.navbar {

    background-color: #EFEFEF ;
    border-bottom: 1px solid black ;
    margin: 0px ;
    position: absolute ;
    top: 0px ;
    left: 0px ;

}

p, form, table, h3, h4, input.help_upload {

    margin-left: 15px ;

}

h3, h4 {

    margin-top: 50px ;

}


PLEASE NOTE: The new stylesheet will no longer make the Navigation Bar fixed to the top of the page when scrolling. Internet Explorer's support for this feature is only partial and is what is causing the issue.