Help! My Footer is Whack!

Discussion in 'CSS' started by pchieng, Mar 11, 2008.

  1. #1
    Hello,

    I have this theme that I downloaded for my wordpress blog and it was fine at first, but now that I have a few posts, the footer is kind of pushed to the side.

    Here is the css for the footer:

    /* ---------------- FOOTER ---------------- */


    #footer { height: 77px; clear: both; font-size: 85%; padding: 0 0 0 30px; margin: 0; background: url(img/footer.jpg) no-repeat bottom center; }
    #footer p { color: #f2f2f2; margin-left: 10px; padding-top: 10px; text-align: left; }
    #footer a, #footer a:link { color: #f2f2f2; text-decoration: none; font-weight: bold; }
    #footer a:hover { text-decoration: underline; }



    Can somebody please take a look at the footer in my blog and see why it looks the way it does?

    Thanks in advance..
     
    pchieng, Mar 11, 2008 IP
  2. el_jentel1

    el_jentel1 Peon

    Messages:
    14
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    If you didn't edit CSS then it might be because of a missing </div> tag or something, check your blog with W3C validator and see the errors there, it might help.

    http://validator.w3.org/
    Code (markup):
     
    el_jentel1, Mar 11, 2008 IP
  3. softnmore

    softnmore Peon

    Messages:
    34
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    wht is the URL of your site ??
    u know... seeing is believing :cool:
     
    softnmore, Mar 11, 2008 IP
  4. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #4
    If you are on about the site in your sig then it looks like you forgot to close a div, so try adding:

    </div>

    before the start of the footer in the footer.php file for your template.

    EDIT: I took a quick look and it looks like you forogt to close your sidebar, so just add </div> either at the very start of your footer.php - or at the very end of your sidebar.php both will do the trick. These files can be found in your template folder, and you can access them on Wordpress Admin also if you go onto the Presentation tab, then click Theme Editor.
     
    wd_2k6, Mar 11, 2008 IP
  5. el_jentel1

    el_jentel1 Peon

    Messages:
    14
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Ahh so I was right. :) lol
     
    el_jentel1, Mar 11, 2008 IP
  6. Spider-Man

    Spider-Man Banned

    Messages:
    2,684
    Likes Received:
    211
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I think the OP was asking how to rip off the original sponsors by attempting to remove the sponsor links held in the footer. Check the original demo and you will see;) Reported it, too.
     
    Spider-Man, Mar 11, 2008 IP
  7. pchieng

    pchieng Member

    Messages:
    87
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    43
    #7
    Uhh...What??

    The only thing I did to the footer was add Google Analytics to it, and from what I can tell, I think I added it after the </div> part. I wasn't trying to rip off the original sponsors, I didn't create this template, I'm not going to try and get credit for it. And who did you report it too?
     
    pchieng, Mar 11, 2008 IP
  8. pchieng

    pchieng Member

    Messages:
    87
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    43
    #8
    Ok..so here is how the footer.php file looked right when I downloaded the theme:

    <div id="footer">
    <p>&copy; <?php echo date('Y');?> <strong><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></strong><br />
    <a href="http://www.templatepanic.com/article/running-blog-wordpress-theme" title="Running Blog Wordpress Templates" >Wordpress Theme</a> by <a href="https://www.usasportstraining.com/" title="Triathlon Training" >Triathlon Training</a></p>
    </div> <!-- end footer -->

    </div>

    <?php ?>

    <?php wp_footer(); ?>

    </body>
    </html>

    And then I wanted to add Google Analytics on it, so I put it somewhere in the code, and now it looks they way it does (link in the sig). I tried to go back to the beginning with the original code, but it still looks like that. The only thing I can think of is the new blog posts that I wrote pushed the footer to the side. Now I have no idea how to fix this..
     
    pchieng, Mar 11, 2008 IP
  9. Spider-Man

    Spider-Man Banned

    Messages:
    2,684
    Likes Received:
    211
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Inside footer.php, remove all code, replacing it with this:
    
    <div id="footer">
    <p>&copy; <?php echo date('Y');?> <strong><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></strong><br />
    <a href="http://www.templatepanic.com/article/running-blog-wordpress-theme" title="Running Blog Wordpress Templates" >Wordpress Theme</a> by <a href="https://www.usasportstraining.com/" title="Triathlon Training" >Triathlon Training</a></p>
    </div> <!-- end footer -->
    
    </div>
    
    <?php  ?>
    
    		<?php wp_footer(); ?>
    		
    [PLACE ANALYTICS CODE IN FULL HERE]
    
    </body>
    </html>
    
    Code (markup):
    That should work.
     
    Spider-Man, Mar 11, 2008 IP
  10. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Maybe if you tried reading my post you clown, you would have solved the problem
     
    wd_2k6, Mar 11, 2008 IP