IE7 problem

HTML & CSS
1

Hi on my site http://bit.ly/dcnrbJ IE7 is showing a vertical line on the page, it works fine on firefox and chrome, how can i fix it? thanks

2

also noting that the site logo moves to the right on IE7, and also cufon fonts are not being replaced on my IE7 (using IETester)

3

user:demo pass:demo

4

Hi,

I’m not sure I can see the vertical line you are talking about in iE7. Where is it?

I’m also getting a script error in IE7 so that might be messing up your fonts etc.

I think it’s this trailing comma here just befor //triggers:


            beforeChange: function(){},
            afterChange: function(){},
            slideshowEnd: function(){}[B],[/B] //Triggers after all slides have been shown
        });
    });
</script>

Remove that comma and see what happens.

5

see here please:

I don’t know what the issue is with the fonts and cufon, trying to solve that too in the meantime.

6

yeah that comma seems to have done the trick

7

The border is coming form this element.


.main-holder{
    padding:0 79px 0 77px;
    background:url(http://www.euroguidance.org.mt/wp-content/themes/eupa/images/bg-main-holder.gif) repeat-y 77px 0;
    width:784px;
[B]overflow:hidden;/* it now appears in all browsers*/[/B]
}

I’ve added overflow:hidden to the above and you can see that the border now shows in all browsers because the floats are being cleared. IE6/7 always auto clear floats anyway when they are in haslayout mode which is provided by the width you used.

If you need that border in other pages then add another class to the element concerned and remove the background image with it.

8

excellent thanks

9

on this page
http://bit.ly/a2UESB

EG Malta announces should be in line with News, but on IE7 it’s showing more downwards, how can I fix that?

10

The space is caused by the empty span above the title.


    <div class="post news-post">
                            <div class="title">[B] <span></span>[/B]
                                <h2><a href="http://www.euroguidanc

I’m not sure what that span is doing but it messes up IE7. Removing it solves the problem but I guess you have a use for it as you have scattered it all around the shop :slight_smile:

11

thanks that shouldn’t have been there, fixed now :slight_smile: