Support » How-To and Troubleshooting » [Resolved] XHTML/CSS – Footer Problems

[Resolved] XHTML/CSS – Footer Problems

  • WP ver.: 2.2
    Link to blog: webmeba.com

    I’m still toying around with the footer, but I still wanted to ask you guys (and girls) a question.

    The code of my footer.php is this…

    <div id="footer">
    Powered by <a href="http://www.wordpress.org/">WordPress</a>. Theme by Andrej Zukov Gregoric
    <?php wp_footer(); ?></div>

    When I try to style #footer using CSS weird things happen… Using the Web Developer FF extension try to apply a background colour to the footer. Half of the screen turns in to that colour!


Viewing 7 replies - 1 through 7 (of 7 total)
  • My guess is those closing div tags are not on the proper order… or it is a flaw in the general structure of the site. With the Dev Toolbar I tried to outline the elements and the footer starts somewhere at the top of the page.

    Yeah, I tried moving the footer between the various </div>’s. I also went through all of my .php’s about three times, and I could not spot an rouge <div> or </div>.

    The problem still remains though? There is no function calling for a footer anywhere in the loop, or in the header…

    help again ?

    Still no luck…

    Maybe if you could glance at my index.php

    <?php get_header(); ?>
    <div id="container">
    <div id="containery">
    <div id="content">
    <?php if(have_posts()) : ?>
    <?php while(have_posts()) : the_post(); ?>
    <div class="post <?php post_sticky_status(); ?>">
    	<div class="post-header <?php post_sticky_status(); ?>">
    		<div class="entry-date">Written on <?php the_time('F jS, Y'); ?> by <?php the_author(); ?></div>
    		<br></br><br></br><div class="entry-title"><h2><a href="<?php the_permalink(); ?>"title="<?php the_title(); ?>"><?php the_title(); ?></a></h2></div>
    		<div class="entry-category"><img src="http://webmeba.com/wp-content/themes/Webmeba2/images/tag.png" alt="tag icon"></img> <?php the_category(',') ?></div>
    		<div class="entry-comment"><img src="http://webmeba.com/wp-content/themes/Webmeba2/images/comment.png" alt="Add a comment!"></img> <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></div>
    	<div class="post1 <?php post_sticky_status(); ?>">
    			<div class="entry-content <?php post_sticky_status(); ?>"><?php the_content(); ?></div>
    <?php if ($count==0) { ?>
    <?php } ?>
    <?php $count = $count + 1; ?>
    <?php endwhile; ?>
    <div class="navigation"><?php posts_nav_link(); ?></div>
    <?php endif; ?>
    <?php get_sidebar(); ?>
    <?php get_footer(); ?>

    Sorry, nobody can really read code here. When it is necessary paste code to http://wordpress.pastebin.ca

    Unless you go through all your code, beginning from the opening body and comment every div (where it starts and where it ends) – you will never figure out. Although that validation page might help!

    Thanks for that, I’ll go through the commenting process tomorrow since it’s getting late. I pasted all my code at pastebin http://pastebin.ca/761614

    But as of today, I’d still like to know how is it even possible that div id=”footer” can be interfering with the whole page?

    Forum Moderator


    Fix your code so it validates. Your problems will go away.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] XHTML/CSS – Footer Problems’ is closed to new replies.