asked on
homepage footer not 100% like other site pages
I've been troubleshooting for about an hour and cannot figure out why my footer on teh homepage is not extending 100% like it does on other pages.
www.harvestofhopechurch.org
would appreciate another set of eyes. Thanks.
www.harvestofhopechurch.org
would appreciate another set of eyes. Thanks.
CSS
Last Comment
Kiran Paul VJ
ASKER
the footer is an Wordpress include, so it doesn't make sense that it would be different on the homepage than other pages because they are all using the same
<?php get_footer(); ?>
??
<?php get_footer(); ?>
??
Can you post the home page code.
ASKER
here you go.
<?php
/**
* The main template file.
*
* This is the most generic template file in a WordPress theme
* and one of the two required files for a theme (the other being style.css).
* It is used to display a page when nothing more specific matches a query.
* E.g., it puts together the home page when no home.php file exists.
* Learn more: http://codex.wordpress.org/Template_Hierarchy
*
* @package WordPress
* @subpackage Twenty_Ten
* @since Twenty Ten 1.0
*/
get_header(); ?>
<div id="home-content">
<div id="slider">
<?php if (function_exists('easing_slider')){ easing_slider(); }; ?>
<div class="content-img"><a href="/new-to-hoh/welcome/"><img src="<?php bloginfo('template_directory'); ?>/images/hoh-welcome-video.png" /></a></div>
<div class="content-img"><a href="/calendar"><img src="<?php bloginfo('template_directory'); ?>/images/hoh-view-calendar.png" /></a></div>
<div class="content-img"><a href="/about-hoh/"><img src="<?php bloginfo('template_directory'); ?>/images/hoh-about.png" /></a></div>
</div><!-- end #slider -->
<div id="right-info">
<h2>Harvest of Hope</h2>
<p>Welcome to our church. We're glad you have checked us out and look forward to a chance to meet you. It is our hope to reach the Platte County area to inspire others in their relationship with Christ.
<div id="upcoming-events">
<h2>News & Events - view all</h2>
<?php
// get most recent post information and display in right sidebar on hompepage with title
$args = array( 'numberposts' => 3);
$lastposts = get_posts( $args );
foreach($lastposts as $post) : setup_postdata($post); ?>
<div id="home-info">
<div id="home-thumb">
<?php if(has_post_thumbnail()) {
echo get_the_post_thumbnail($post_id, array(50,50));
} else { ?>
<img src="<?php bloginfo('template_directory'); ?>/images/hoh-default-thumb.png" alt="<?php the_title(); ?>" width="50px"/>
<?php } ?>
</div><!-- end #home-thumb -->
<div id="home-text">
<p><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p>
<?php echo substr(get_the_excerpt(), 0,50); ?>
</div><!-- end #home-text -->
<hr />
<?php endforeach; ?>
</div><!-- end #upcoming-events -->
</div><!-- end #right-info -->
</div><!-- end #home-content -->
<?php get_footer(); ?>
You have a missing tag.
add closing div tag at line 56.
so it will look like
add closing div tag at line 56.
so it will look like
</div>
<?php get_footer(); ?>
The position of the closing div tag may be different. By ONE closing div is missing. That is causing problem in browser rendering.
I think
is not closed properly. Check it.
<div id="home-info">
is not closed properly. Check it.
The full working code will look something like
<?php
/**
* The main template file.
*
* This is the most generic template file in a WordPress theme
* and one of the two required files for a theme (the other being style.css).
* It is used to display a page when nothing more specific matches a query.
* E.g., it puts together the home page when no home.php file exists.
* Learn more: http://codex.wordpress.org/Template_Hierarchy
*
* @package WordPress
* @subpackage Twenty_Ten
* @since Twenty Ten 1.0
*/
get_header(); ?>
<div id="home-content">
<div id="slider">
<?php if (function_exists('easing_slider')){ easing_slider(); }; ?>
<div class="content-img">
<a href="/new-to-hoh/welcome/"><img src="<?php bloginfo('template_directory'); ?>/images/hoh-welcome-video.png" /></a>
</div>
<div class="content-img">
<a href="/calendar"><img src="<?php bloginfo('template_directory'); ?>/images/hoh-view-calendar.png" /></a>
</div>
<div class="content-img">
<a href="/about-hoh/"><img src="<?php bloginfo('template_directory'); ?>/images/hoh-about.png" /></a>
</div>
</div>
<!-- end #slider -->
<div id="right-info">
<h2>Harvest of Hope</h2>
<p>Welcome to our church. We're glad you have checked us out and look forward to a chance to meet you. It is our hope to reach the Platte County area to inspire others in their relationship with Christ.
<div id="upcoming-events">
<h2>News & Events - view all</h2>
<?php
// get most recent post information and display in right sidebar on hompepage with title
$args = array( 'numberposts' => 3);
$lastposts = get_posts( $args );
foreach($lastposts as $post) : setup_postdata($post); ?>
<div id="home-info">
<div id="home-thumb">
<?php if(has_post_thumbnail()) {
echo get_the_post_thumbnail($post_id, array(50,50));
} else { ?>
<img src="<?php bloginfo('template_directory'); ?>/images/hoh-default-thumb.png" alt="<?php the_title(); ?>" width="50px"/>
<?php } ?>
</div>
<!-- end #home-thumb -->
<div id="home-text">
<p><a href="<?php the_permalink(); ?>">
<?php the_title(); ?>
</a>
</p>
<?php echo substr(get_the_excerpt(), 0,50); ?>
</div>
<!-- end #home-text -->
<hr />
</div>
<?php endforeach; ?>
</div>
<!-- end #upcoming-events -->
</div>
<!-- end #right-info -->
</div>
<!-- end #home-content -->
<?php get_footer(); ?>
ASKER
that is what I originally thought but hasn't resolved the issue.
i just added the additional closing </div> tag but you can see it still has the same issue.
i just added the additional closing </div> tag but you can see it still has the same issue.
Did you try the full code I posted?
ASKER
Now the footer moved to right-info div. See the attached image![code in Firebug]()
This is clearly an issue with closing of tags. The p tag at line 34 is also not closed properly.
Can you post the header file also.
This is clearly an issue with closing of tags. The p tag at line 34 is also not closed properly.
Can you post the header file also.
Also to pinpoint the issue remove everything between
get_header(); and get_footer(); and check.
get_header(); and get_footer(); and check.
ASKER
you are correct, the problem is in the code between:
get_header(); and get_footer();
when i removed all the content there, everything displayed correctly.
now to find the incorrectly closed tag...
get_header(); and get_footer();
when i removed all the content there, everything displayed correctly.
now to find the incorrectly closed tag...
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
I cannot find an unclosed <p> tag in live file.
Check in the php file, in live you cannot find it. line no 34
<p>Welcome to our church. We're glad you have checked us out and look forward to a chance to meet you. It is our hope to reach the Platte County area to inspire others in their relationship with Christ.
ASKER
Found a missing </div> tag before the end of the PHP loop.
thanks for the idea to remove section by section.
thanks for the idea to remove section by section.
Glad to know its fixed.
Kiranvj
Kiranvj
Put footer dive outside div #wrapper.