100% ≠ 100%?
Just a Bite of Logic!
Trying to analyze the logic (or lack of it) used by different browsers would be a study in absurdity and a sheer waste of time. Instead, I wanted to see how difficult it would be, to put together a logic that would work for any browser. It actually turned out to be rather simple, while allowing each a lot of leeway. Actually it is too simple! If you notice errors and/or omissions in the logic, please fire away! Your comments will be appreciated.
First, let's start with defining the symbols and/or conventions used, followed by the logic itself:
| SYMBOLS & CONVENTIONS |
|
H = External height of the Container Block (px)
W = External width of the Container Block (px) h = Inside height available for contents (px) w = Inside height available for contents (px) Ch = Actual height of the contents (px) Cw = Actual width of the contents (px) |
|
Tv = Thickness of the Vertical Scrollbar (px)
Th = Thickness of the Horizontal Scrollbar (px) |
|
Sv = Vertical Scrollbar Activation (No/Yes, 0/1)
Sh = Horizontal Scrollbar Activation (No/Yes, 0/1) |
|
IF »» Sets the test criteria
THEN »» Resulting action if test criteria is met (i.e. true) ELSE »» Resulting action if test criteria is not met (i.e. false) |
| LOGIC | |
| IF | {[Ch ≤ H] and [Cw ≤ W])} |
| THEN | {[Sv=no] and [Sh=no] and [h=H] and [w=W]} |
| ELSE: | |
| IF | {[Ch < H] and [Cw ≤ (W-Tv)]} |
| THEN | {[Sv=Yes] and [Sh=no] and [h=H] and [w=(W-Tv)]} |
| ELSE: | |
| IF | {[Cw < W] and [Ch ≤ (H-Th)]} |
| THEN | {[Sh=Yes] and [Sv=No] and [h=(H-Th)] and [w=W]} |
| ELSE: | |
| {[Sv=yes] and [Sh=yes] and [h=(H-Th)] and [w=W]} | |
A Simple Question....
If it is this simple, why don't the Browsers get off their rusty dusty and correct this collosal blunder? Or, is that the Browsers exist in a dimension which excludes rhyme or reason?
Moving Along...
If you have have had enough with this topic - contents of which are listed in the Auxiliary Panel on the left, you may want to consider looking into (if you have not already done so) the other main topics of this section:
-
Privileged Ones
Investigation into the Browser given privileges of the body, html and phantom elements. -
Scrolin' Along...
Investigation into the behavior of the Browser Default Scrollbars as a function of the overflow property of both the html and the body elements.
On the other hand, you can also take a short-cut and go to the overall summary of this entire section at Screen Mysteries. www.web-zonez.com/screen/index.html
- 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,
|
|
Web Design & Engineering: Dr. Z
|
