Hello everyone, i have a template problem with my design. You can go to www.latestgames.net and have a look at my footer, it float in the middle of the page(the long rectangle just under my right sidebar). I tried to fix it whole night but still unable to make the footer go to the bottom of the page. Can anyone help me pls? Thanks alot in advance. I suspect is the index.php div tag problem. This is my header.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <title><?php optimal_title('»', display); ?><?php bloginfo('name'); ?></title> <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats --> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <?php wp_get_archives('type=monthly&format=link'); ?> <?php wp_head(); ?> </head> <div id="headerads"> If you come here for Escape Room Games then visit <a href="http://www.pointandclickgames.net" target="_blank"><u>Point and Click Games</u></a> </div> <body> <div id="rap"> <div id="header"> <a href="<?php bloginfo('url'); ?>"><img class="noborder" alt="Latest Games" src="http://www.latestgames.net/Latest-Games-Logo.gif"></a> </div> Code (markup): This is my index.php <?php get_header(); ?> <div id="content"> <?php if ($posts) : foreach ($posts as $post) : start_wp(); ?> <div class="post"> <h3 class="storytitle" id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><font style="font-size:13px" face="arial,sans-serif" color="#0000cc"><?php the_title(); ?></font></a></h3> <div class="storycontent"> <?php the_content(''); ?> </div> <div class="meta"> <span class="feedback"><?php the_category(' , '); ?> | <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"> Permalink</a> | <?php comments_popup_link(__('Comment'), __('Comments (1)'), __('Comments (%)')); ?> <?php edit_post_link('[Edit]','|',''); ?></span> </div> <!-- <?php trackback_rdf(); ?> --> <?php comments_template(); ?> </div> <!-- End Post --> <?php endforeach;?> <div class="navigation"> <div class="alignleft"><?php next_posts_link('« Previous Entries') ?></div> <div class="alignright"><?php previous_posts_link('Next Entries »') ?></div> </div> <?else: ?> <?php endif; ?> </div> <!-- End content --> <?php include (TEMPLATEPATH . "/right.php"); ?><!-- Right Menu Include --> <?php include (TEMPLATEPATH . "/left.php"); ?><!-- Left Menu Include --> <?php get_footer(); ?> Code (markup): This is my footer.php <div id="footer"> <p class="credit">Theme Mod by <a href="http://www.kahsoon.com">Kahsoon</a><br> </p> </div> <!-- End foot --> <?php wp_footer(); ?> </div> <!-- End rap --> </body> </html> Code (markup):