Hello
Using Framework to develop/port my first D7 theme but I'm running into some issues with the various flavors of IE. It seems IE is having some problems consistently applying the Framework HTML 5 fixes that are included with the theme on various subpages, or at least that's what I am able to deduce with my limited experience troubleshooting this type of thing.

Specifically, it seems that the sidebar aside tags are not being fully recognized and closed so that the primary content is now falling within the sidebar div. This happens in IE7 and 8 consistently, and IE9 sporadically depending on what machine I'm using to view the site. Only the front page and user pages work flawlessly, every subpage (views created, node, custom page, etc) seemingly doesn't pick up the HTML5 fix for IE. I'm not using custom page templates, except for the econews content type.

You can see the problem here ecoevolution.org/econews.

I don't think I've significantly altered the page.tpl.php template

<div id="container">

  <div id="skip-link">
    <a href="#main-content" class="element-invisible element-focusable"><?php print t('Skip to main content'); ?></a>
    <?php if ($main_menu): ?>
      <a href="#navigation" class="element-invisible element-focusable"><?php print t('Skip to navigation'); ?></a>
    <?php endif; ?>
  </div>

  <header id="header">
	<div class="inner">
		<div id="top-nav">
		<div class="menu-primary-nav-container"></div><!-- end menu-primary-nav-container -->
    <?php if ($site_name || $site_slogan): ?>
      <hgroup id="site-name-slogan">
        <?php if ($site_name): ?>
          <h1 id="site-name">
            <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>"><span><?php print $site_name; ?></span></a>
          </h1>
        <?php endif; ?>
        <?php if ($site_slogan): ?>
          <h2 id="site-slogan"><?php print $site_slogan; ?></h2>
        <?php endif; ?>
      </hgroup>
    <?php endif; ?>

    <?php print render($page['header']); ?>

    <?php if ($main_menu || $secondary_menu || !empty($page['navigation'])): ?>
      <nav id="navigation" role="navigation" class="clearfix">
        <?php if (!empty($page['navigation'])): ?> <!--if block in navigation region, override $main_menu and $secondary_menu-->
          <?php print render($page['navigation']); ?>
        <?php endif; ?>
        <?php if (empty($page['navigation'])): ?>
		  <?php print theme('links__system_main_menu', array(
            'links' => $main_menu,
            'attributes' => array(
              'id' => 'main-menu',
              'class' => array('links', 'clearfix'),
            ),
            'heading' => array(
              'text' => t('Main menu'),
              'level' => 'h2',
              'class' => array('element-invisible'),
            ),
          )); ?>
		  <?php print theme('links__system_secondary_menu', array(
            'links' => $secondary_menu,
            'attributes' => array(
              'id' => 'secondary-menu',
              'class' => array('links', 'clearfix'),
            ),
            'heading' => array(
              'text' => t('Secondary menu'),
              'level' => 'h2',
              'class' => array('element-invisible'),
            ),
          )); ?>
        <?php endif; ?>
      </nav> <!-- /#navigation -->
      </div><!-- end top-nav -->
    <?php endif; ?>
    </div><!-- end inner -->
    <?php if ($breadcrumb): print $breadcrumb; endif;?>
  </header> <!-- /#header -->

  <section id="main" role="main" class="clearfix">
	
				  	<div id="content">
				  			  				<div id="sidebar" class="aside"> 
							  <?php if ($page['sidebar_first']): ?>
							    <aside id="sidebar-first" role="complementary" class="sidebar clearfix aside">
							      <?php print render($page['sidebar_first']); ?>
								    </aside>  <!-- /#sidebar-first -->
								  <?php endif; ?>
						</div><!-- end sidebar -->
				  	  			<!-- BEGIN #content-wrap -->
						<div id="content-wrap" class="clearfix">
					  		<div id="content-top">&nbsp;</div><!-- end content-top -->
				  		
					  		<div id="primary" class="hfeed">
							    <?php print $messages; ?>
							    <a id="main-content"></a>
							    <?php if ($page['highlighted']): ?><div id="highlighted"><?php print render($page['highlighted']); ?></div><?php endif; ?>
							    <?php print render($title_prefix); ?>
							    <?php if ($title): ?><h1 class="title" id="page-title"><?php print $title; ?></h1><?php endif; ?>
							    <?php print render($title_suffix); ?>
							    <?php if (!empty($tabs['#primary'])): ?><div id="tabs-wrapper" class="clearfix tz_tab_widget"><?php print render($tabs); ?></div><?php endif; ?>
							    <?php print render($page['help']); ?>
							    <?php if ($action_links): ?><ul class="action-links"><?php print render($action_links); ?></ul><?php endif; ?>
							    
							    <?php print render($page['content']); ?><!-- print content -->
						    
	
						    </div><!-- end primary -->
						
						<div id="content-btm">
							<?php print render($page['content_bottom']); ?>
						</div><!-- end content-btm -->
						</div><!-- end content-wrap -->	


									
					</div><!-- end content -->	
									
  </section> <!-- /#main -->

	
  <footer id="footer" role="contentinfo" class="clearfix">
  		<div id="footer-texture">
			<div id="footer-inner">
    <?php print render($page['footer']) ?>
    <?php print $feed_icons ?>
			</div><!-- end footer-inner -->
		</div><!-- end footer-texture -->
  </footer> <!-- /#footer -->

</div> <!-- /#container -->

Comments

hokuspokus’s picture

Status: Active » Postponed

The theme I built is a port so I am going to go back and more diligently follow the Framework base theme to see if I missed translating the HTML5 needed sections in the CSS, template files.

I'll mark as hold until I finish to make sure it's not something I overlooked before anyone wastes time with this.

hokuspokus’s picture

Status: Postponed » Fixed

Rebuilding the theme and template again for the port, I was able to fix the problem.

I'm not sure what the original issue was, but I must have altered something that broke the built-in IE compatibility for certain versions. Now that I'm back to the original specs, Framework is again working like a charm.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Anonymous’s picture

Issue summary: View changes

clarity edit