Peter Hyde-Smith wrote:
> <www.bildasfriesslakepub.com>
> Would appreciate a look-see in Opera (I'm in O9.24), as the nav bar
> anchors aren't working right and occasionally disappear all together
> on scrolling. Which bug and how to fix?
An old instability in Opera when trying to interpret the "W3C collapsing
margins bug"[1] on a parent that doesn't contain its children. The
margin ends up reversed now and then, and pushes the ul below the
#nav-container.
Opera 9.5beta does seem to have a more stable interpretation of that
particular combination.
To cure, add...
#nav ul{margin-bottom: 0;}
...which removes all confusion in all browsers, and doesn't disturb any
of them.
> Also a check in IE6 to make sure my green box in the left col isn't
> triggering the Peek-a-boo bug.
Looks stable enough.
> Finally in IE, I'm getting extra vertical space above the main col
> (vertical border should touch nav bat above it) and in the footer
> above and below the content. Not a killer but would appreciate
> suggestions on how to eliminate it. Add 'has-layout' doesn't do it
> and causes other problems, since fixed.
Another browser's interpretation of the standardized "W3C collapsing
margins bug", on another element-combination.
Easiest way to cure it is to replace margin-bottom with padding-bottom
on the last element where "collapsing margins" is an issue for IE/win...
#header h4 {margin-bottom: 0; padding-bottom: 10px;}
> <http://www.bildasfriesslakepub.com/menu.html>
> Would appreciate a look-see in IE, especially IE6 to make sure the
> right column content is appearing.
It appears, but stays below the left column. IE6 doesn't respect
declared dimensions, and is auto-expanding the column - making it too
wide for the reserved space.
To fix,add...
* html #rightcol {overflow-x: hidden;}
The last minor imperfection I can see in IE6 is a gap or overlap at the
bottom of maincol - either not reaching down to footer or overlapping
it. IE6 behaves as if it's another "collapsing margins" interpretation
issue, and a fix for that "standardized bug" seems to cure it...
* html #maincol {padding-bottom: 1px;}
-------------------------------------------------
To put all additions and correction together in one place:
#nav ul{margin-bottom: 0;}
#header h4 {margin-bottom: 0; padding-bottom: 10px;}
* html #rightcol {overflow-x: hidden;}
* html #maincol {padding-bottom: 1px;}
regards
Georg
PS: of course "collapsing margins" isn't a bug, but W3C has kept on
adding details to the descriptions for a long time on how browsers shall
interpret and apply it for different combinations. Thus, different
browsers and browser-versions may have slightly different
interpretations of it, for the simple reason that descriptions were
missing at the time their CSS-engines were updated on those points.
[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
