Alan Chandler wrote:
http://www.chandlerfamily.org.uk/famtree/test2.html
which shows the bottom of the nested internal div (of class "spouse")
somehow interacting with the bottom of div #menuapps.
The only possible linkage that I can see is through the clearfix
class, but I don't understand why. Can someone give me an
explanation so that I can have a clue as how to avoid it.
You're correct: it's clearfix interfering -- because 'clear: both;' will
also clear the menu.
One way to "isolate" the problem:
Add the following styles, with underscores and all, at the bottom of
your stylesheet:
@media all {
#pagebody {
margin: 0 5px 0 5px;
overflow: hidden;
_height: 0;
_overflow: visible;
}
#menuapps {
margin-right: 5px;
_margin-right: 2px;
}
}
What will happen is that 'pagebody' now becomes "isolated from the
outside world", so the remaining 'clearfixes' inside pagebody won't
interact with menu (or anything else outside pagebody).
The '_' underscores is for IE/win, and the @media rule is to keep IE/Mac
from seeing these styles.
----
Now, I would probably use a table for a 'family tree' like that, or
maybe definition lists and/or ul -- and avoided all those nested divs.
I would also add a doctype, since my Tidy think it is good for 'XHTML
1.0 Strict' after a slight clean-up.
regards
Georg
--
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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
