Missing a closing div in the video?

This happened to me too, and I couldn't move on until I understood what was happening! Where you place the closing div is important! Zac found a div class for row was being closed too early and he removed it and didn't replace it in bottom of the page above section div, and yet still worked??! That bothered me so I closed it there as it should have been and of course it still worked!

In summation: you can leave a div open and it will still work, but if you close it (as you should) and it's in the wrong spot, it won't work. Not sure I fully understand why, but I think it's because "html5" is lenient if you don't close html tags, but closing a tag in the wrong spot confuses it (xhtml was/use to be more strict). I am coming back to building sites after years of being away ( anyone remember "GoLive, macromedia dreamweaver and hand coding table layouts"? probably not? :O)

Sorry it's as much of a question as it's an answer, but it will let me move on without losing sleep :)

Yeah, he missed one. Noticed it right away. The page will display but you will get in trouble somewhere down the line without closing it. So heres the code with the closing div tag in place:

<?php
/*
    Template Name: Left Sidebar
*/
?>

<?php get_header(); ?>

<section class="two-column row no-max pad">
    <div class="small-12 columns">
        <div class="row">
            <!-- Primary Column -->
            <div class="small-12 medium-7 medium-offset-1 medium-push-4 columns">
                <div class="primary">

                <?php if(have_posts()) : while (have_posts()) : the_post(); ?>

                  <h1><?php the_title(); ?></h1>
                  <p><?php the_content(); ?></p> 

                 <?php endwhile; else : ?>

                    <p><?php _e('Sorry, no pages found'); ?></p>

                <?php endif; ?>     

                </div>
            </div>
            <!-- Secondary Column -->
            <div class="small-12 medium-4 medium-pull-8 columns">
                <div class="secondary">
                    <h2 class="module-heading">Sidebar</h2>
                </div>
            </div>
        </div>
    </div>
</section>

<?php get_footer(); ?>

Yeah I agree. It's confusing that in the video it flicks between the code and refreshed web page! I'm sure there is a < /div> missing too :)

i also had an extra div

Hi there, on my side, to be sure there are no unclosed tags, I often use when necessary an unclosed tag finder such as this one. It works pretty well. Just my 2 cents :).

This is an interesting problem, but I would hazard to guess that when Zac removed the trailing div tag, it really did work out that all the divs tags were left matching up properly. I don't know how, but it worked out that way for me. That's why the sidebar text shows up.

My text editor isn't the most up to date, but it works for me. It's notepad++, and any text editor should IMO have a function to check HTML elements for matching elements in the document tree. I followed Zac's video and it worked as valid code. :-)

Yeah, there seems to be a missing </div>. I guess it works without it, but I had to add it in!