Footer occasionally and randomly moving to right side of page as column

as you mentioned already, usually caused by faulty (html) code within the content of the posts or page…

with anything related to formatting or CSS, a link to the site would help with the problem visible.

Thanks Michael, I’ve just installed the plugin Simple Job Board and after creating a job (without changing any code) it’s done the same thing. See https://picpaste.com/pics/screenshot-rjJOGBRk.1490862802.png (I’m posting a picture since I’m constantly changing the site trying to solve the problem, I may end up uninstalling the plugin for example).

I can see that the plugin uses its own template: single-jobpost.php which I have not touched yet. If it uses its own template and I still have this problem, are there any other php files that could be involved or will this be down to CSS now, do you know?

The page is supposed to look like this: https://match.onesquad.nl/nieuws-front-page/nieuws/ (footer starts at “accountmanagers”). This page uses my own template nieuws.php.

I’m not sure what code I could post, without posting everything, that would be useful.

• This reply was modified 7 years, 8 months ago by culletron.

single-jobpost.php:

<?php
/**
 * The Template for displaying job details
 *
 * Override this template by copying it to yourtheme/simple_job_board/single-jobpost.php
 *
 * @author      PressTigers
 * @package     Simple_Job_Board
 * @subpackage  Simple_Job_Board/Templates
 * @version     1.1.0
 * @since       2.2.0
 * @since       2.2.3   Enqueued Front Styles & Revised the HTML structure.
 * @since       2.2.4   Enqueued Front end Scripts.
 * @since       2.3.0   Added "sjb_archive_template" filter.
 */
get_header();

ob_start();
global $post;

/**
 * Enqueue Frontend Scripts.
 * 
 * @since   2.2.4
 */
do_action('sjb_enqueue_scripts');

/**
 * Hook -> sjb_before_main_content
 * 
 * @hooked sjb_job_listing_wrapper_start - 10 
 * - Output Opening div of Main Container.
 * - Output Opening div of Content Area.
 * 
 * @since   2.2.0
 * @since   2.2.3   Removed the content wrapper opening div.
 */
do_action('sjb_before_main_content');
?>

<!-- Start Content Wrapper
================================================== -->
<div class="sjb-page">
    <div class="sjb-detail">
        <div class="list-data">
            <?php
            while ( have_posts() ) : the_post();
                /**
                 * Template -> Content Single Job Listing:
                 * 
                 * - Company Meta
                 * - Job Description 
                 * - Job Features
                 * - Job Application Form
                 */
                get_simple_job_board_template('content-single-job-listing.php');
            endwhile;
            ?>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!-- ==================================================
End Content Wrapper -->

<?php
/**
 * Hook -> sjb_after_main_content
 *  
 * @hokoed sjb_job_listing_wrapper_end - 10
 * 
 * - Output Closing div of Main Container.
 * - Output Closing div of Content Area.
 * 
 * @since   2.2.0
 * @since   2.2.3   Removed the content wrapper closing div
 */
do_action('sjb_after_main_content');

$html_archive = ob_get_clean();

/**
 * Modify the Jobs Archive Page Template. 
 *                                       
 * @since   2.3.0
 * 
 * @param   html    $html_archive   Jobs Archive Page HTML.                   
 */
echo apply_filters('sjb_single_template', $html_archive);

get_footer();

nieuws.php (my own template):

<?php
    /*
     Template Name: Nieuws-template
    */
?>
<?php get_header(); ?>
<div id="not-front-page" class="content">
    <img src = '<?php bloginfo('template_directory'); ?>/images/nieuwspagina-header.png' class="not-front-page-header" />
	<div class="container">
	<?php if ( have_posts() ) : ?>
		<?php while ( have_posts() ) : the_post(); ?>
			<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
				<div class="post-header">
					<h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
				</div><!--.post-header-->
				<div class="entry clear">
					<?php if ( function_exists( 'add_theme_support' ) ) the_post_thumbnail(); ?>
					<?php the_content(); ?>
					<?php edit_post_link(); ?>
					<?php wp_link_pages(); ?>
				</div><!--. entry-->
			</div><!-- .post-->
		<?php endwhile; /* rewind or continue if all posts have been fetched */ ?>
		<?php else : ?>
	<?php endif; ?>
	</div>
    <?php wp_footer(); // Crucial footer hook! ?>
<?php get_footer('front-page'); ?>

I implemented body { display: flex } as this seemed to help the problem with my sidebar last week. However, when I get rid of it everything goes back into its place, but the sidebar gets a bit messed up, so it must have to do with that. Just checking now if I can fix my sidebar so i don’t have to use the flex…

As I mentioned above it all seemed to have to do with

body {
   display: flex
}

Once I got rid of this the footer went back underneath. I had to use some workarounds to get my sidebar just right but it seems to be OK for now. Thanks ??

• This reply was modified 7 years, 8 months ago by culletron.