I've done something weird to my wordpress theme and can't figure it out :-\

17 replies
Hi Warriors,

I've been working on my wordpress theme and did something that I don't know how to fix...

When you go to my site it seems as though everything lines up, but then if you change your window size, the footer with all the links in it, stays centered and no longer lines of with the header and body.

The other thing that happens is my bg image doesn't expanding onto the whole page.

Do you have an idea of how I can fix these?

Thank you sooo much for any help!!

(Here's my site: Church Roofing – Roofing Company Oregon, California, Washington)

Rebecca
#figure #theme #weird #wordpress
  • Originally Posted by RebeccaLynn View Post

    When you go to my site it seems as though everything lines up, but then if you change your window size, the footer with all the links in it, stays centered and no longer lines of with the header and body.
    Actually... it seems like the above is not happening in firefox... but, it's definitely happening in internet explorer.

    AND... in firefox, it doesn't display the footer with the copyright... weird! ... what's up??

    Rebecca
    {{ DiscussionBoard.errors[962641].message }}
    • Profile picture of the author rosetrees
      You could try using another theme. Some seem to be more multi browser friendly than others.

      I'm not clever with css or php - maybe someone else could give you a fix for the coding.

      I have five browsers on my laptop these days - IE, Firefox, Chrome, Opera & Safari so I can check how my sites look in all of them.
      {{ DiscussionBoard.errors[962666].message }}
  • I'd like to stick to this theme if I can... I've done a lot of customizing to it already
    {{ DiscussionBoard.errors[962799].message }}
  • Ah, the joys of Wordpress theming! Does get me a few billable hours, though!
    Signature
    {{ DiscussionBoard.errors[962807].message }}
  • Profile picture of the author The Pension Guy
    OK, for the background:
    You have this in your stylesheet:
    body {
    background : #ffffff url('images/bg.png') no-repeat;

    Remove the bold part (leave the semicolon!).

    An advice: don't try to check a theme if you don't have at least one post!
    Signature

    {{ DiscussionBoard.errors[962850].message }}
    • Originally Posted by The Pension Guy View Post

      OK, for the background:
      You have this in your stylesheet:
      body {
      background : #ffffff url('images/bg.png') no-repeat;

      Remove the bold part (leave the semicolon!).

      An advice: don't try to check a theme if you don't have at least one post!
      I removed "no-repeat" and left the semicolon, but it's still doing the same thing.

      Rebecca
      {{ DiscussionBoard.errors[962872].message }}
    • Profile picture of the author spicer
      There is a ? that should not be there which I believe is causing the space

      <!-- The main column ends -->?<!-- begin footer -->

      should be

      <!-- The main column ends --><!-- begin footer -->

      For the footer issue in FireFox. The footer is there it is just right under the quick links but hard to see. I could not find anything really wrong, but if you enclose the right, middle and left footers in a table and expand the footer by 3 px; to 683px; it looks ok.

      Hope this helps
      Signature

      I love marketing and technology...
      I am hear to help anyone that is looking to make money online.
      Please private message me if you are looking for a mentor or just have some questions.

      {{ DiscussionBoard.errors[963036].message }}
      • Originally Posted by spicer View Post

        There is a ? that should not be there which I believe is causing the space

        <!-- The main column ends -->?<!-- begin footer -->

        should be

        <!-- The main column ends --><!-- begin footer -->
        Which file is that in... I can't find it anywhere.

        Also... thanks for all the help!!! the background is working and the footer is showing up in firefox now.

        Still working on getting the footer to align properly in ie.



        Rebecca
        {{ DiscussionBoard.errors[963108].message }}
  • Profile picture of the author James Howard
    Can't you center it it so it would be
    <!-- begin footer --> <center><div id="footer">

    or <!-- begin footer --><div id="footer" align="center">

    worked for me once when I had the same sort of problem
    {{ DiscussionBoard.errors[963033].message }}
    • Originally Posted by James Howard View Post

      Can't you center it it so it would be
      <!-- begin footer --> <center><div id="footer">

      or <!-- begin footer --><div id="footer" align="center">

      worked for me once when I had the same sort of problem
      I tried this and it didn't work... but that's for the suggestion.

      Any other ideas?

      Thanks!!!!!
      Rebecca
      {{ DiscussionBoard.errors[963131].message }}
  • Profile picture of the author The Pension Guy
    The bg seems to work... although not sure whether the half cm space between the content and the footer is intentional or bad code.

    A small error: you do not have the closing </body> and </html> tags at the end of your page. Edit the footer.php to add them. But no, that will not solve your footer issue.

    You made me to start an old IE on my machine to see what were you complaining about. It is simple: if the total width of the 3 elements (in your case: columns) in the footer is even one pix wider than the existing space/room in their parent element, then in IE one will go down where it finds enough space for itself.

    Example with numbers: let's say your main container is 600px wide and you create inside it 3 columns, 195px wide each.
    3x195=585 ... seems to fit. The problem is when we add margins, padding and borders to those columns. If we add 3px margin everywhere that's 3px x 2 x 3 = 18.
    585+18=603! Here you go - one column will slide down
    Signature

    {{ DiscussionBoard.errors[963168].message }}
  • The footer still stays in the same spot when you change the screen size. Anyone have any ideas on how to fix this... it's only happening with internet explorer.
    {{ DiscussionBoard.errors[963224].message }}
  • Profile picture of the author The Pension Guy
    I am NOT talking about the screen size, sorry. I am talking about the size - in pixels - of the different HTML blocks: divs, lists etc. Those dimensions are defined in your stylesheet.

    IE is notorious about not rendering correctly whatever is in your stylesheet.
    Or simply, you do have something wider than the space.

    Try to reduce the width of your searchbox:
    HTML Code:
    <form id="searchform" method="get" action="/index.php">
    <input type="text" name="s" id="s" size="33" value=""/></form>
    Play with that "33" value: make it less and see if it works.
    Signature

    {{ DiscussionBoard.errors[963399].message }}
  • Hey there.... I'm still having the same problem with the footer... on my site: Church Roofing – Roofing Company Oregon, California, Washington

    In IE only, when you change the size of the screen the footer stays in the same position and doesn't line up with the header and body.

    If anyone has any ideas on how to fix this that would be sooooooo incredibly cool!

    Thanks!!!!
    Rebecca
    {{ DiscussionBoard.errors[966558].message }}
  • Hey there.... I'm still having the same problem with the footer... on my site: Church Roofing - Roofing Company Oregon, California, Washington

    In IE only, when you change the size of the screen the footer stays in the same position and doesn't line up with the header and body.

    If anyone has any ideas on how to fix this that would be sooooooo incredibly cool!

    Thanks!!!!
    Rebecca
    {{ DiscussionBoard.errors[966777].message }}
  • Profile picture of the author SteveJohnson
    Biggest problem at this point is that the closing tag for the footer div is outside the closing body and html tags.

    Very first thing to do when you have display problems is run your pages through the validator at W3C.
    Signature

    The 2nd Amendment, 1789 - The Original Homeland Security.

    Gun control means never having to say, "I missed you."

    {{ DiscussionBoard.errors[967083].message }}
  • Got that.... it is still doing the same thing though... :-\
    {{ DiscussionBoard.errors[967326].message }}

Trending Topics