Problem with theme in Internet Explorer

  • I’m very, very new to WordPress and CSS and PHP so forgive me if I’m asking a completely idiotic question!

    I’ve been adapting the Spirit theme (https://www.bbiverson.com/spirit/) to fit my needs. So far everything seems to be working fine in Firefox but in Internet Explorer a large chunk of the background is off to one side. I have no idea what is causing this, or how to fix it.
    You can see for yourself here: https://www.faenation.com

    Also, I’d like the blog to be centred on the page, whether the page is maximised or minimised. The original template was fluid but I wanted to keep it at a set size. I’m sure this must be fairly easy to change, and I’m presuming you do it with the stylesheet but I can’t work out how to do it!

    Thanks ??

Viewing 5 replies - 1 through 5 (of 5 total)

  • For the whacked look in IE, it could be as simple as this line in your code – probably in sidebar.php?

    <center><img src="https://www.faenation.com/images/samplethumb.jpg"/></center>

    You shouldn’t use a <center> tag here.<br />
    Also you have a / after .jpg" that won't allow your image to come in.

    The stylesheet in your theme is where you should be able to center page.
    Look for the #page` section.

    Actually the slash in there makes img a self closing tag, and it’s needed to validate in XHTML strict, if you’re interested in doing that. As for the background issue, I don’t have IE, so I can’t tell what the problem might be, but could you describe how far over it’s shifted, or maybe post a link to a screencapture?

    Agh! What is the deal with all the hacks in the WordPress default stylesheets? (sorry – little mini-rant there)

    Anyway, yeah, you’ve got issues in IE! here’s what I suggest:

    #pageWrapper – in your stylesheets – is set to “margin:0 3%;” This may be what’s causing your outder wrapper to push out like it is. Change it to “margin:0 auto;” and it will center the div.

    You have some *really weird* spacing in your menu. It’s like this:

    <ul
    ><li>stuff here</li
    >

    Whay is that? I’ve actually seen this before somewhere else, and I just find that absolutely weird. i think it also affects something in your layout – you should get rid of those line breaks before the closing tags.

    Your two sidebars are *below* your content area…also odd. I’m looking at your code and stylesheet, and there seems to be so many extra things in there (and unnecessary things!) that I can’t decide *what* is throwing things out of whack there – I apologize. Maybe someone else who’s had experience with this template would know how to fix that – but if it were me, I’d redo the whole thing ??

    Anyway, hope that what I’ve put so far helps you out a little.

    Thread Starter tangle

    (@tangle)

    Cheers for the replies.
    Unfortunately nothing fixed it so I’ve ditched the whole thing and started again.

    *throws things at IE for being useless*

    I’m using the IE7 Beta and it shows up just fine.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Problem with theme in Internet Explorer’ is closed to new replies.