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/
