SCROLLIN' ALONG...
Phase III - Body = Peep-Hole
Results - Internet Explorer 6.0
|
410 GROUP
HTML - Overflow: Default |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() ![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() ![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
420 GROUP
HTML - Overflow: Visible |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() ![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() ![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
430 GROUP
HTML - Overflow: Hidden |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() ![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() ![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
440 GROUP
HTML - Overflow: Auto |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() ![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() ![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
450 GROUP
HTML - Overflow: Scroll |
BODY - Overflow: | ||||||
| Default | Visible | Hidden | Auto | Scroll | |||
|
Vertical
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Horizontal
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
|
Combined
Scroll Test |
Default
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() ![]() |
![]() |
| H | ![]() |
![]() |
![]() |
![]() ![]() |
![]() |
||
|
Body
Scroll Bars |
V | ![]() |
![]() |
![]() |
![]() |
![]() |
|
| H | ![]() |
![]() |
![]() |
![]() |
![]() |
||
Some Observations....
Again, the results of this phase of experiments did confirm the observations made in Phase I: body < Peep-Hole and Phase II: body > Peep-Hole, as follows:
-
The infamous, ever-present Default Vertical Scrollbar only happens if the 'overflow' property of the html element is not specified (i.e. default value). This is a deliberate Band-Aid ("Patch" as MS likes to call them) to avoid premature activation of the Default Horizontal Scrollbar.
This "Patch" can be Un-Done, and this ever-present Default Vertical Scrollbar can be removed easily and legally, as discussed in detail, in The Disappearing Act. www.web-zonez.com/screen/100/dis1.html - Othervise, the default values of 'overflow' property for the body and the html elements apeear to be visible and auto respectively.
- It also appears that the Default scrollbars belong to the html element.
- The body element extended vertically/horizontally up the limits of Peep-Hole, for the default and visible values of the overflow property; for the other settings, #test was contained within the limits of the body element.
One point not observed in the results of previous phases (sheerly due to the height/width settings of the body element), was the possibility of premature activation of the Default Scrollbars:
- In this phase, the results clearly demontrate that the aforesaid Default Vertical Scrollbar, whether it is activated or not, does not interfere with the Default Horizontal Scrollbar (i.e, the Default Horizontal Scrollbar was not activated due to its presence).
- However, the results of the experiments of this phase also clearly demontrate that the converse is not true. The Default Horizontal Scrollbar, when activated, does interfere with the Default Vertical Scrollbar (i.e, the Default Vertical Scrollbar is activated prematurely due to its presence).
- Another indication/confirmation that the Default Vertical Scrollbar is activated prematurely due to the presence of the Default Horizontal Scrollbar is the travel of the latter, which appears (visually) to be the same as the "thickness" of the scrollbars.
- This is also consistent with the results of other experiments conducted along the way, as discussed in 100% ≠ 100%! www.web-zonez.com/screen/100/index.html
The biggest twist came into sharp focus in this set of experiments, when the 'overflow' property of the body element is set to auto, regardless of the setting of the 'overflow' property of the html element:
- A space - both vertically and horizontally, outside of the body element, but inside of the html element appeared. These vertical & horizontal spaces occupy the same same space (visually) as the Scrollbar would (i.e. the same as thickness of the scrollbars).
- However, this space disappears when the 'overflow' property of the body element is set to scroll, regardless of the setting of the 'overflow' property of the html element.
What is Next?
We would suggest that you proceed to review the results of the same set of experiments for Internet Explorer 7.0 - Part 3. www.web-zonez.com/screen/scroll/matrix4/4ie9results.html
However, you can jump to any other part of this study, from the Contents of This Topic on the Auxiliary Panel,
- Feed-back & Comments:
- Please send any comments, opinions, and even contributions on this subject, using the Feed-Back Form.
- Further Reading:
- You can review the list of Related Articles, with brief descriptions and links on the Auxiliary Panel,

















