Paul, Gunlaug, Ben: thank you for your thoughtful replies.
Gunlaug, that's an excellent idea. I had tried using relative widths
(ems) to make this work, but that turned into a cross-browser mess.
Your method is perfect.
Paul, Ben: To address the issue of overlapping elements, and very
long sidenotes, it might make sense to catch these exceptions and do
something like this:
<div class="sidenote">
<p>1. Note one.</p>
<p>2. Note two.</p>
</div>
<p>
Body copy.<sup>1</sup> More body copy.<sup>2</sup>
</p>
And a style rule like this:
small.sidenote span {
display: block;
margin-bottom: 1em;
}
To avoid so many exceptions, you could make a habit of referencing
the sidenotes at the beginning of each paragraph. If this is still
not enough for most cases, you can even scale back to sub-section or
section.
Paul: Numbering is not important for my site, the context is good
enough. In Tufte's books, he numbers sidenotes that refer to written
work, but not sidenotes referring to graphic work. Until generated
content is well supported, we'll need to do the numbering manually,
or with some <ol> hacking.
How well-supported is generated content, anyway?
Thanks,
Beau
______________________________________________________________________
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/
