Ошибка проверки: конечный тег виден сбоку, но были открытые элементы

Я получаю эту ошибку при использовании W3C Validator. Я также заметил, что содержимое моего нижнего колонтитула исчезает в IE8, и мне интересно, исправит ли это это.

<aside class="footer-sidebar-widget four columns">
<h4>Call Us Today</h4>          
<div class="textwidget">
        <h4 style="color:#fff;">773-376-ROLL (7655)</h4>
            </div>
</aside>


            <aside class="footer-sidebar-widget four columns">  
            <div class="textwidget">
                <div id="right-footer-wrap">
                    <div id="right-footer-content">
                        <div itemscope itemtype="http://schema.org/LocalBusiness">

                    <span itemprop="name"><strong>Rolling Reefers</strong></span>
                    <br />
                    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
                     <span itemprop="streetAddress">3535 S Kostner Ave., Suite 101</span>
                    <br />
                    <span itemprop="addressLocality">Chicago</span>, <span itemprop="addressRegion">IL</span> <span itemprop="postalCode">60632</span>
                    <br />
                    <span itemprop="telephone">(773) 376-7655</span>

                        </div>
                    </div>
                </div>
            </div>
        </aside>

Веб-сайт: Rolling Reefers


html w3c-validation
person Alex Kater    schedule 12.09.2013    source источник

Ответы (2)


arrow_upward
6
arrow_downward

У вас есть открытая <div> во второй стороне. Добавление еще одного </div> перед последним </aside> должно исправить это.

person Carter    schedule 12.09.2013
comment
Ага, ты поймал. Это был <div itemprop="address", который я забыл закрыть. Спасибо! Это также исправило мой нижний колонтитул в IE8 :) - person Alex Kater; 13.09.2013

arrow_upward
1
arrow_downward

Чтобы избежать подобных проблем, рекомендуется использовать редактор, который автоматически закроет HTML-теги, например Dreamweaver. Или, по крайней мере, сделайте правильный отступ в своем коде, чтобы вы могли видеть, когда строки не совпадают точно, и тогда вы знаете, что либо что-то упустили, либо у вас есть лишний элемент.

<aside class="footer-sidebar-widget four columns">  
  <div class="textwidget">
    <div id="right-footer-wrap">
      <div id="right-footer-content">
        <div itemscope itemtype="http://schema.org/LocalBusiness">
          <span itemprop="name"><strong>Rolling Reefers</strong></span>
          <br />
          <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
            <span itemprop="streetAddress">3535 S Kostner Ave., Suite 101</span>
            <br />
            <span itemprop="addressLocality">Chicago</span>, <span itemprop="addressRegion">IL</span> <span itemprop="postalCode">60632</span>
            <br />
            <span itemprop="telephone">(773) 376-7655</span>
          **<!-- YOU'RE MISSING A CLOSING /div RIGHT HERE -->**
        </div><!-- end itemscope wrapper -->
      </div><!-- end .right-footer-content -->
    </div><!-- end .right-footer-wrap -->
  </div><!-- end .textwidget -->
</aside>
person TomJones999    schedule 03.07.2014