On Jul 31, 2006, at 11:04 AM, Michael Landis wrote:
> On 7/28/06, Michael Boudreau <[EMAIL PROTECTED]> wrote
> http://mss.uchicago.edu/MRB/citation_example.html:
>
>> I've got a layout with an absolutely positioned <span> inside a
>> relatively positioned <p> that works perfectly in every browser
>> except IE (6 and 7b2). The usual approach to this problem--making
>> sure the relatively positioned element has layout--doesn't seem to
>> work.
>>
>> Here's a sample:
>>
>> div.example p.cite_N {
>> margin-left: 3em;
>> position: relative;
>> text-indent: 1em;
>> }
>> .cite_N .label {
>> position: absolute; left: -3em;
>> }
>
> Hi, Michael,
>
> It looks like IE is having issues with trying to juggle the
> text-indent along with the positioning and the margin. I found that
> replacing the margin-left: 3em with padding-left: 3em, setting the
> label's left position to zero, and then giving the paragraph layout,
> seemed to do the trick.
Thanks for this, Michael. Is replacing margins with padding a
technique that solves other problems too? I was trying different
positioning and floating options myself without much luck, and it
felt pretty random, so I'm wondering if I can draw any kind of
generalized technique from your solution.
In the meantime, I also tried the <dl> approach, which works:
<dl>
<dt>N:</dt>
<dd>Guy Cowlishaw and Robin Dunbar, <i>Primate Conservation
Biology</i>
(Chicago: University of Chicago Press, 2000), 104–7.</dd>
</dl>
Float the <dt> left, and it appears to begin on the same line as the
<dd> text, which can then be formatted as a regular or hanging indent
in the usual way. I prefer the <p> markup for its clarity, but the
<dl> approach doesn't require IE-specific hacks.
Michael R. Boudreau
Senior Electronic Publishing Developer
The University of Chicago Press
1427 E. 60th Street
Chicago, IL 60637
(773) 753-3298 fax: (773) 753-3383
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
