Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS nth Child in I.E. 7 & * ???

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #36431
    oceantrain
    Member

    Is there any hack, trick or way to get nth Child to work in in I.E. 7 & 8 ??? Or some variation of this? I need to hide certain rows in a table and nth child is not working in I.E. 7 or 8.

    #95826
    tobeeornot
    Member

    i don’t think so.

    #95827
    TheDoc
    Member

    Here’s a write that Chris did. You’ll want to pay particular attention to the last paragraph that I quoted:

    Browser Compatibility

    nth-child is one of those rather unfortunate CSS attributes that is caught between nearly full cross-browser compatibility, except for completely zero support in IE, even IE 8. So when it comes to it’s use, if the end result is “progressive enhancement” in some fashion (e.g. applying a cool color palette to table rows, for example), then by all means, go for it. But you probably shouldn’t use it if you are doing something more important, like relying on it for site structure. For example, removing the right margin from every third box in a three by three grid of boxes, so they will fit properly.

    One saving grace here is that if you are using jQuery, which supports all CSS selector including :nth-child, the selector will work, even in Internet Explorer.

    https://css-tricks.com/how-nth-child-works/

    #95840
    oceantrain
    Member

    Thanks @TheDoc. Any links or tips on using Jquery to hide nth child elements? This is what I need if it works in old IE.

    #95855
    jamygolden
    Member

    @cnwtx have you ever gotten selectivizr to work? I’ve tried it on multiple occasions and it simply doesn’t take affect for me. I usually recommend IE7js for cross browser CSS3 selector support (that works nicely most of the time. I’ve found little bugs before though).

    #96005
    rifatlas
    Member
    #96077
    jamygolden
    Member

    @cnwtx did you do anything special or just link to the library? :p
    I don’t know why this wasn’t working last time I tried. I’ve also had problems trying to get web-pages to be responsive in IE with Modernizr ( after respond.js was added ).

    #111968
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.