Sent by Michael Green on 10 July 2007 00:12
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'm hoping for wise answers to the following questions:
1. Why this is happening?
2. What I can do to make all browsers do what I want?
Thank you!
Michael Green
Here are what I think are the relevant style rules. The whole sheet
is here:
http://carneades.pomona.edu/css/styles.css
p{
font-size: 1em;
line-height: 1.5em;
margin: 0;
text-indent: 1em; /* need to hand IE a bottom margin; it doesn't
know text-indent */
width: 34em;
}
..sidenote{
clear: right;
float: right;
font-size: 0.8333em;
line-height: 1.8em;
margin-right: -19.200768em;
text-indent: -0.7em;
width: 16.800672em;
}
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
