XHTML/CSS – Footer Problems
-
WP ver.: 2.2
Link to blog: webmeba.comI’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> </div> </div> </div> </body> </html>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!
Help?
-
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 ?
You have an unclosed div somewhere:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.webmeba.com%2FStill 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> <div class="post1 <?php post_sticky_status(); ?>"> <div class="entry-content <?php post_sticky_status(); ?>"><?php the_content(); ?></div> </div> <?php if ($count==0) { ?> <?php } ?> <?php $count = $count + 1; ?> </div> <?php endwhile; ?> <div class="navigation"><?php posts_nav_link(); ?></div> <?php endif; ?> </div> <?php get_sidebar(); ?> </div> <?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?
Fix your code so it validates. Your problems will go away.
The topic ‘XHTML/CSS – Footer Problems’ is closed to new replies.