Usamah M. Ali wrote:
>
>
> On Wed, Oct 14, 2009 at 5:06 PM, David Laakso
> <da...@chelseacreekstudio.com <mailto: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.
>
>
>
> 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)?
Dunno. How about saying it was sort of an "illogical conclusion" (trial
and error) based on reading the markup inorder to find the selector(s)
enclosing the misaligned elements.
* html .grid_16 {border : 1px solid fuchsia;} <--- :: feeding IE/6 this
test-only-border confirmed .grid_16 /might/ be the trigger for hasLayout.
>
> 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.
Adding the star hack to the /entire/ declaration made IE/6 stand-up and
pay attention (reinforced) it. Removing any one of the rules in the
ruleset failed.
* html .grid_16 {
display: inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
}
>
> For folks who suggested using reset stylesheets, Eric Meyer's reset
> stylesheet was already in use.
>
> Regards,
> Usamah
HTH. Others on the list may offer a more specific technical explanation
for this than I can...
Best,
~d
______________________________________________________________________
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/
