On Jul 28, 2005, at 9:08 AM, Beau Hartshorne wrote:

I thought of a way to build sidenotes in well-supported and valid CSS. I posted details on my log:
<http://hartshorne.ca/2005/07/27/footnotes_v_sidenotes/>

Basically, I'm using absolute positioning to take a <span> (or a <small>) out of flow, and to move it outside of some containing block where it can read as a sidenote. I'd appreciate feedback on the technique, and to know if anyone has any trouble with it in any browser.


I've been using that for a while. It works a treat, even on most older browsers and even mail clients (not webmail stuff -- they strip out all position properties). The only issue is that multiple sidenotes close together will stack over each other since they are out of the flow. This can be affected by the vertical spacing differences that happen due to columns of different widths during font-resizing.

Sample page from my all-too-dormant newsletter: http://www.bivia.com/ insite/ (note: the css in embedded for easy transformation of the web page into an HTML email)

--

    Ben Curtis : webwright
    bivia : a personal web studio
    http://www.bivia.com
    v: (818) 507-6613




______________________________________________________________________
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/

Reply via email to