Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Oct 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE7 layout problem

    Hi
    the homepage of this website: http://willowsinbloom.com.au/ does not display properly in IE 7.
    There are 3 boxes under the banner email that only appear incorrectly in ie 7
    Any ideas?
    Thanks
    Tim

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    IE7 doesn't support nth-child - and neither does IE8:

    Code:
    .feature-container:nth-child(2) {
        margin: 0 79px 0 0;
        width: 238px;
    }
    .feature-container:nth-child(3) {
        width: 214px;
    }
    .feature-container:nth-child(4) {
        float: right;
        width: 213px;
    }
    So all this css is ignored by IE7 and IE8. You'll need either to apply that css via a specific element id or rework the general css for .feature-container.

  • #3
    New to the CF scene
    Join Date
    Oct 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi SB
    thanks very much for that
    I've made a change and it's fixed most of it - but the shop now button on the 3rd box isn't lining up properly in IE7

    In IE8 the whole 3rd box is out of place
    Any ideas?
    Thanks
    Tim
    ps thank goodness for adobe browser labs

  • #4
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    Looks OK on IE7 and IE8 to me - maybe you fixed it.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •