Thanks very much, Jim.

Forcing the parent element of those DIVs (its simply the body) to have
hasLayout didn't change anything.

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

-----Ursprüngliche Nachricht-----
Von: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Im Auftrag von James Gadrow
Gesendet: Mittwoch, 13. Juni 2007 15:32
An: [EMAIL PROTECTED]
Cc: CSS Mailing List
Betreff: Re: [css-d] absolutely positioned divs seem to have wrong
topposition in IE 7 (or IE 6)

Christian Kirchhoff wrote:
>  
> Hallo,
>
> Please take a look at the following page:
> http://www.digitale-bibliothek.de/Downloads/CSS-Test/blog.htm
>
> The left column div (with the menu) and the right one (with the google 
> ads) are positioned absolutely, with em values.
>
> In Firefox (or Opera) the top position of those divs is as I want it to
be.
> In IE 7 or IE 6 (not tested in older versions of IE) they are 
> positioned to high. This could lead to the opinion that IE is taking 
> another font size as a reference, thus using a different em value and 
> computing a different top coordinate.
>
> BUT: If I set the left position of the left div to 1em (instead of 
> 0em), the new left positions in Firefox and IE are the same.
>
> AND: If I set the top coordinate of those divs to 0em, then only in IE 
> the divs really touch the upper border of the browsers client area. In 
> Firefox there is still a gap between the top border of the client area 
> and the top of the divs.
>
> So my guess is that the top coordinate of the origin (the root point) 
> that is used for the calculation of the position of those divs is 
> different in IE. And just from intuition I would even say that IE 
> computes the correct position.
>
> But maybe this is an issue of the mode (strict, loose) or something
else...
>
> Does anyone have a better experience with this than I have, and see 
> what is going wrong here, and in which browser?
>
> 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/
>
>   

A couple quick thoughts. This sounds like a hasLayout problem so try setting
the absolutely positioned element's parent to zoom: 1; (invalid CSS, but I
use it to test for hasLayout as it doesn't affect other browsers).

Also, if you're using a zero unit (0em) you can write that as just 0 (which
is standard coding practice and it saves a few bytes of data each time you
do it, thus increasing the speed at which your page loads).

--
Thanks,

Jim


______________________________________________________________________
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/

______________________________________________________________________
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/

Reply via email to