IE7 layout problem

timmcqu2 · 10-02-2011, 09:19 AM

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

SB65 · 10-02-2011, 10:28 AM

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.

timmcqu2 · 10-03-2011, 04:15 AM

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

SB65 · 10-03-2011, 08:24 AM

Looks OK on IE7 and IE8 to me - maybe you fixed it.