IEでのみ、contentの外に置いたものが中に入る。(Wordpress)

Question

内容

Wordpressの自作テーマをブランクテーマのUnderscoresから作っています。

ChromeとFirefoxではサイドバーとフッターはcontentの外側に吐き出されているのですが、IEでだけ何故か更に中にある記事ループの中に入ってしまいます。
何度も確認しましたがcontent、primary、main、記事ループでdiv等の閉じ忘れはありませんでした。
この状態ではサイドバーとフッターまで記事ループのスタイルの影響を受ける為、contentの外側に吐き出されるようにするにはどうしたら良いでしょうか。

Chrome↓

IE↓

index.phpのソース

<?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.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package hogehoge
 */

get_header();
?>

 <div id="content" class="site-content">
  <div id="primary" class="content-area">
   <main id="main" class="site-main">

		<?php
		if ( have_posts() ) :

			if ( is_home() && ! is_front_page() ) :
				?>
				<header>
					<h1 class="page-title screen-reader-text"><?php single_post_title(); ?></h1>
				</header>
				<?php
			endif;

						/* Start the Loop */
			while(have_posts()):the_post();  $counter++; 						

				get_template_part( 'template-parts/kijiloop', get_post_type() );

			endwhile;

			the_posts_navigation();

		else :

			get_template_part( 'template-parts/content', 'none' );

		endif;
		?>

   </main>
  </div>
 </div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

現在の状態

互換表示はチェックを外し、header.phpに<meta http-equiv="X-UA-Compatible" content="IE=edge"/>も入れてある状態です。

Comments

[退会済みユーザー]

kijiloopのソースコードも提示できますか？

[Atsushi_Okumura]

IE以外ではタグの補完がされていて正常に表示されている気がします。kijiloopのソースに原因がありそうです。

Answer 1

IEはHTML5勧告前のブラウザなのでmain要素を知りません。
(と言いつつ、いま手元のIE11で確認すると認識しているようなので何か条件があるかもしれません。)

HTMLに手を加えるのをお勧めしますが、できない場合はこのような方法で認識させる手が使えるかもしれません。
http://www.xml.vc/HTML5/kiso/ie-script.html

Answer 2

asideタグはIEで対応されていないようなので、もしかしたらそれが影響しているかもしれません。

• HTML5タグリファレンス：<aside>

Firefox4 GoogleChrome5 GoogleChrome6 Safari5

別のタグに置き換えるのは難しいですか？

Answer 3

申し訳ありません、大変初歩的なミスでした。kijiloopの記述ミスを見逃していました。(</span>、</div>抜け)
IEではなく私の記述自体に問題がありました…今後は気をつけます。