From: "bill scheider" <[EMAIL PROTECTED]> >http://first-encounter-design.dreamhosters.com/fed
>the four images in >the bottom right column are one single line rather than a grid. >I've tried everything I know how to do >http://first-encounter-design.dreamhosters.com/fed/css/main.css Bill, I realize that you had another suggestion that fixed the problem of the four images not being in a grid, but I believe that was a mask that didn't really fix the problem. Your sidebar is floated right, and has a right margin. This means for IE<7 you are encountering the doubled float-margin bug [1]. The solution to this is to simplay add {display: inline;} to your #sidebar selector. The following seems to be what you attempted to use to solve the problem - #sidebar { ... margin-right: 1em; /margin-right: 0.5em; ...} That second margin-right property can be removed if you add the display property. (plus that slash before the property name is very odd to see. Perhaps I'm behind the times with "new" IE hacks) A further problem is in the initial body selector in the main.css file. You have - body { font-size: 82%; /font-size: 67%; ...} Other browsers are ignoring that second font-size property declaration, but IE/win isn't and it seems to be causing further issues that make IE display differently. Remove it and you'll find that the display cross-browser comes more in line. You can also go back to your 18em width for #sidebar if you want, as the fixes here should eliminate the need for that cover-up fix. ~holly [1] http://www.positioniseverything.net/explorer/doubled-margin.html ps - you can probably get rid of this, too - #header-nav li { ... /padding-right: 0.1em; /padding-left: 0.1em; ...} and changing the following will also make some display corrections without necessitating hacks. #subnav { margin: 1em 0 1em 2.2em; /margin-top: 2em; ...} change to #subnav { margin: 0 0 1em 2.2em; ...} and #sidebar { ... /*padding-top: 1em; */ /* <<< remove */ margin-top: 1.5em; /* <<< add */ } I think that's all..... ______________________________________________________________________ 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/
