[css-d] Absolute positioning in IE6

2008-12-08 Thread Christian Kirchhoff
Hello,

the following page is a temporary copy depciting my problem:
http://www.digitale-bibliothek.de/downloads/test/index.htm
http://www.digitale-bibliothek.de/downloads/test/chooks.css

The missing mages do not matter. The HTML validates except for an 
undefined attribute, the CSS validates in total.

Links won't work as well, as this is a temporary copy.

My problem: there is a p.hint that is absolutely positioned. the parent 
container (div#pub) also contains a label (containing a checkbox and 
text) that is floated left.

Part of the problem: If I define "bottom: 0;" for the p.hint, in IE6 it 
goes way down. The original version of the page contains more elements 
and is longer, this temp version is so short that the p.hint moves 
outside the browser and thus gets invisible. For testing resons I defned 
"top: -100px;" for IE6 and now the p.hint sits higher.

The x-coordinate of the p.hint doesn't change, no metter whether I 
define a value for left or for right. Its left border just sticks to the 
right border of the label. That is my main problem. The p.hint is 
absolutely positioned, it's parent has "position: relative;" Should the 
position of the p.hint not be computed in regards to the upper left 
corner of the parent?

Best regards,

Christian Kirchhoff
*Editura Gesellschaft für Verlagsdienstleistungen mbH*
Möckernstraße 68 · 10965 Berlin
www.editura.de
AG Berlin-Charlottenburg · HR B 81823 · USt.Id. DE217180548
Geschäftsführer: Ralf Szymanski


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Absolute positioning in IE6

2008-12-08 Thread Gunlaug Sørtun
Christian Kirchhoff wrote:
> http://www.digitale-bibliothek.de/downloads/test/index.htm

> My problem: there is a p.hint that is absolutely positioned. the
> parent container (div#pub) also contains a label (containing a
> checkbox and text) that is floated left.
> 
> Part of the problem: If I define "bottom: 0;" for the p.hint, in IE6
> it goes way down.

Containers for absolute positioned elements must have 'layout' for
positioning to work in IE. Add 'layout' to div#pub, and IE6 will behave
itself. Declaring "zoom: 1;" or "height: 1%;" on div#pub will do in your
case.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/