On Wed, Oct 14, 2009 at 5:06 PM, David Laakso
<da...@chelseacreekstudio.com>wrote:
>
> The target selector for IE/6 is .grid_16. The star hack reinforces the
> ruleset for IE/6. And the margin amendments position it horizontally.
>
> * html .grid_16 {
> display: inline;
> float: left;
> position: relative;
> margin-left: /*10px*/13px;
> /*margin-right: 10px;*/
> }
>
> reference: <http://www.satzansatz.de/cssd/onhavinglayout.html>
>
> ~d
>
> Okay, what I basically did is wrapping the following snippet in a
conditional comment and places it below the <link> element of the main
960.css file:
* html .grid_16 {
display: inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
}
It worked like a treat and the misalignment on the page edges all has gone.
Two questions though:
1) How could one determine the problematic element(s)? I know it's a gray
area that requires experience and maybe trial and error, but in this
example, what makes you suspect it's the .grid_16 element(s)?
2) I fail to understand why your solution has successfully worked! I'm
familiar with what hasLayout is, but in the above case, the .grid_16 was
from the beginning having layout through the "float: left" declaration. And
since the original code was served to all browsers, I couldn't understand
why we needed to *reinforce* for IE6 using the star html hack.
For folks who suggested using reset stylesheets, Eric Meyer's reset
stylesheet was already in use.
Regards,
Usamah
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
