WordPress.org

1. tangle
   Member
   Posted 6 years ago #

   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 (http://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: http://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 :)

2. Samuel B
   moderator
   Posted 6 years ago #

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

   <center><img src="http://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.

3. breakfastclubber
   Member
   Posted 6 years ago #

   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?

4. doodlebee
   Member
   Posted 6 years ago #

   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.

5. tangle
   Member
   Posted 6 years ago #

   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*

6. neoricen
   Member
   Posted 6 years ago #

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

Topic Closed

This topic has been closed to new replies.