Hello,
After quite a few years with working with this family tree layout, I
believe I have accidentally added the correct CSS by floating and
clearing the correct elements. It was very challenging.
<http://css-class.com/test/demos/genealogy/generations3.htm>
Seems to work without breaking (text size *, zooming, etc) in all
versions of IE along with FF 3.6.13, Opera 11 and Safari. I would please
welcome a check in Mac.
* Excluding font size settings over 20px but zooming handles this well
anyway.
I am aware that different CSS would have to be added to each specific
page to stop floats dropping with a narrow viewport (sometimes there may
be more then 3 generations). The following CSS will eventually just be
in the header.
/* this page */
body {min-width: 40em;}
.push1 {margin-top: 4em;}
.push2 {margin-top: 2em;}
* html body {width: 40em;}
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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/