I've been learning CSS for a while and am now translating a
photoshop/illustrator design
to CSS. It renders correctly in Firefox/Opera/IE 7 but does not in IE
< 7 without having a dirty fix. (* html trick).

Example: http://www.home.intellit.nl/np/test

Although i have it fixed, and it works now. I don't know why IE
behaves this way.
Can someone shed some light on this, since i don't understand why IE does this,
i won't learn from 'my' mistakes ;)

If you remove this code:

* html div.albuminfo {
        margin-left: 18px; /* Fix for IE, Why does IE < 7 render it wrongly? */
 }

you'll see what i mean with rendering incorrectly; the DIV is placed
too far to the right, it looks like IE doubles the margin-left: value,
which should actually be 35px.

BTW: If someone has IE5.5 handy, i would love to hear if it renders
correctly with the fix in place. (or a mac for that matter).

Thanks!

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