Hallo,
please take a look at:
http://www.digitale-bibliothek.de/zenotest/test.htm
http://www.digitale-bibliothek.de/zenotest/main.css
The relevant CSS definitions are at the end of the css file.
I'd like the numbers and prices to be right aligned. Thus I set the position
of the containing div.formOutput to relative, and for the span.price I say:
{
position: absolute;
top: 0;
right: 0;
}
Works in Firefox and IE7. But in IE6 the positioned seems to be not
calculated in reference to the relatively positioned div.formOutput, but to
the next absolute positioned ancestor, which is div#zenoMFMiddle. Now that
div has a right value of 13.5 em, which it seems to simply ignore in IE6,
instead the width of that div kind of collapses together.
In:
http://www.digitale-bibliothek.de/zenotest2/test.htm
http://www.digitale-bibliothek.de/zenotest2/main.css
I just made minor changes and didn't absolutely position the span.price, but
let it float: right. This demands some more changes in order to get the
desired result:
- the span.priceCaption has to be float: left
- the div.formOutput has to clear: left, and it's height has to be set
Could anybody explain to me why the first way I did it doesn't work in IE6?
Best regards,
Christian Kirchhoff
Directmedia Publishing GmbH · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski · Erwin Jurschitza
______________________________________________________________________
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/
