On 7/9/07, Michael Green wrote: > I am trying to float sidenotes. Here is the example I'm working on. > > http://carneades.pomona.edu/rutter.html > > (There is a background gif that marks off the desired line-height). > > Safari and (Mac) Opera do what I want: they put the sidenote on the > same baseline as the note's marker in the text. > > Firefox and Camino do not do what I want: they push the sidenote down > one line.
I think you are seeing a bug in Gecko [1] : when there is a float in the middle of text it always displays the float on the next line box, while the float should stay on the same line of the text preceding it, provided there is enough space. IE/Win has the same problem (moreover in IE6 you need position:relative to make the side notes to show up) I don't know a workaround to this. You could feed a negative one line-height top margin to Gecko based browsers (and to IE/Win) with an hack, but that's probably not a very good idea. You could try to position the side notes absolutely (instead of floating them), but I guess you have already tested this, since you note that they may overlap... Bruno [1] https://bugzilla.mozilla.org/show_bug.cgi?id=50630 -- Bruno Fassino http://www.brunildo.org/test ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
