Div тег преждевременному закрытию

я работаю над новой веб-страницы для моего блога @http://bornsquishy.ca Div тег преждевременному закрытию

Я также пытаюсь использовать подвесную систему по http://gridiculo.us/

Проблема, что у меня есть «grid» класса div закрывается в конце заголовка без закрывающего тега div, и я не могу понять, почему это происходит.

Вот код из header.php после закрытия головки тега:

<body <?php body_class(); ?>> 

<div id="main"><!-- this encompasses the entire Web site --> 
<header id="header">   
    <div class="grid"> 
     <div class="row"> 
      <div class="c3"> 
       <div class="logo"> 
         <?php if(of_get_option('logo_type') == 'text_logo'){?> 
         <?php if(is_front_page() || is_home() || is_404()) { ?> 
               <h1><a href="<?php bloginfo('url'); ?>/" title="<?php bloginfo('description'); ?>"><?php bloginfo('name'); ?></a></h1> 
             <?php } else { ?> 
               <h2><a href="<?php bloginfo('url'); ?>/" title="<?php bloginfo('description'); ?>"><?php bloginfo('name'); ?></a></h2> 
             <?php } ?> 

             <?php } else { ?> 

            <?php if(of_get_option('logo_url') != ''){ ?> 
               <a href="<?php bloginfo('url'); ?>/" id="logo"><img src="<?php echo of_get_option('logo_url', ""); ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('description'); ?>"></a> 
             <?php } else { ?> 
               <a href="<?php bloginfo('url'); ?>/" id="logo"><img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('description'); ?>"></a> 
             <?php } ?> 

             <?php } ?> 
            </div><!-- .logo --> 
      </div><!-- .c3 --> 

      <div class="c8"> 
        <nav class="primary"> 
         <div class="menu-holder"> 
          <div class="menu-left"> 
            <div class="menu-right"> 
              <?php wp_nav_menu(array(
            'container'  => 'ul', 
            'menu_class'  => 'sf-menu', 
            'menu_id'   => 'topnav', 
            'depth'   => 0, 
            'theme_location' => 'header_menu' 
            )); 
            ?> 
            </div><!--.menu-right--> 
           </div><!--.menu-left--> 
         </div><!--.menu-holder--> 
        </nav><!--.primary--> 
      </div><!--.c8--> 

      <div class="c1 end"> 
       <div id="rss-feed"> 
         <img src="/images/rss-logo.png">  
        </div><!--.rss-feed--> 
       </div><!-- .c1 end--> 
     </div><!-- .row --> 

     <div class="row"> 
      <div class="c8"> 
       <div class="title"> 
            <img src="/images/title.png"> 
          </div><!--.title--> 
      </div><!--.c8--> 
      <div class="c4 end"> 
       <div id="widget-header"> 
          <?php if (! dynamic_sidebar('Header')) : ?> 
           <!-- Widgetized Header --> 
           <?php endif ?> 
          </div><!--#widget-header--> 
      </div><!-- .c4 end --> 
     </div><!-- .row --> 
    <!--.grid left open-->       
</header> 
<!--#main left open-->

Позвольте мне знать, если больше кода/информации необходимо, чтобы ответить на этот вопрос.

источник

2013-05-03 BryGuy

Ваши комментарии говорят , это значит вы хотите, чтобы закрыть div.grid элемент после закрывающей </header>? Если это так, вы не можете этого сделать, потому что div был открыт внутри header, поэтому он должен быть закрыт до закрытия заголовка. Элементы HTML не могут «перекрывать» друг друга.

Если вы используете инструменты разработчика Chrome или аналогичные для проверки разметки, браузер увидит ошибку и «исправил» вашу структуру HTML, чтобы отобразить ее.

Перед или после заголовка вам нужно либо положить отверстие div, либо закрыть заголовок div перед концом заголовка.

источник

2013-05-03 13:24:48 greg84

спасибо. Я хотел, чтобы сетка оставалась открытой, поэтому я помещал теги сетки за пределы тегов заголовков, и она работала так, как я предполагал. – BryGuy

Div тег преждевременному закрытию

ответ

Смежные вопросы