WordPress.org

Ready to get started?Download WordPress

Forums

Content overlaps footer in Chrome (9 posts)

  1. rohitbedi88
    Member
    Posted 1 year ago #

    Hi, I'm using theme Xenon on my blog at http://www.graffitiinindia.com which I started recently. The theme is just fine but there's just one problem.

    Every post has one or more photos. When a certain post is long, the footer doesn't shift down as the images show up in the post. The footer gets fixed at a position once the location of the to-be-loaded images is decided. Hence, the content overflows and overlaps the footer as the images load thereafter.

    I get this problem in Chrome, not in IE or Firefox where the footer shifts to the bottom as it should.

    Please help me out. :)

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    I don't see the footer overlapping the content in chrome, which version of chrome are you using?

  3. rohitbedi88
    Member
    Posted 1 year ago #

    Version 26.0.1410.43 m

    For an example - http://graffitiinindia.com/daku-devanagiri-delhi/

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    It looks like a plugin is at fault. Try deactivating them one-by-one to explore which.

  5. rohitbedi88
    Member
    Posted 1 year ago #

    OK Sir, I'll get back after I test the plugins.

  6. rohitbedi88
    Member
    Posted 1 year ago #

    I deactivated all the plugins and still the problem persists :(

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    This is the problem;

    <div id="primary" class="content-area grid_9 equal_height" style="height: 1316px;">

    If it's not a plugin that's putting the height inline, do you know whether this page's template file has been edited?

  8. bumblebeeme
    Member
    Posted 1 year ago #

    I don't see the text over lapping in Chrome.

  9. rohitbedi88
    Member
    Posted 1 year ago #

    I have not made any changes in the template.

    The code you pasted:

    [ Moderator Note: Please post code or markup snippets between backticks or use the code button. ]

    <div id="primary" class="content-area grid_9 equal_height" style="height: 1316px;">
    
    I don't know how style="height: 1316px;" is appearing there.
    
    Here is the page template code (page.php)
    
    <?php get_header(); ?>
    
    		<div id="primary" class="content-area grid_9 equal_height">
    			<div id="content" class="site-content" role="main">
    
    				<?php while ( have_posts() ) : the_post(); ?>
    
    					<?php get_template_part( 'content', 'page' ); ?>
    
    					<?php //comments_template( '', true ); ?>
    
    				<?php endwhile; // end of the loop. ?>
    
    			</div><!-- #content .site-content -->
    		</div><!-- #primary .content-area -->
    
    <?php get_sidebar(); ?>
    <?php get_footer(); ?>

    Single post (single.php)

    <?php get_header(); ?>
    
    		<div id="primary" class="content-area grid_9 equal_height">
    			<div id="content" class="site-content" role="main">
    
    			<?php while ( have_posts() ) : the_post(); ?>
    
    				<?php get_template_part( 'content', 'single' ); ?>
    
    				<?php
    					// If comments are open or we have at least one comment, load up the comment template
    					if ( comments_open() || '0' != get_comments_number() )
    						comments_template( '', true );
    				?>
    
    			<?php endwhile; // end of the loop. ?>
    
    			</div><!-- #content .site-content -->
    		</div><!-- #primary .content-area -->
    
    <?php get_sidebar(); ?>
    <?php get_footer(); ?>

    I'm completely lost, dunno where that height is coming from.

    @bumblebeeme - I hope it's just me whose getting the overlap :)

Topic Closed

This topic has been closed to new replies.

About this Topic