left column HTML rendering differently on select pages

matthew.wren's Avatar

matthew.wren

17 Jun, 2014 01:12 PM

Hello,

Just ran across a strange error on a few of our pages. We have a region for a left navigation block and on some pages it seems to fall out of the grid that it is in. Here' what a normal left nav looks like and here's an example of one that is not working correctly

It seems that a <strong> tag is wrapped around everything within the column. I copied the HTML from the Inspect Element tool in chrome and here's what it shows:

<strong>
    <div class="three columns sidebar pull-nine" id="sidebar-first">
      <div class="left-sidebar">
        
        <div class="vertical-menu">
          <block-xhtml><h1><a href="index.shtml">Performance Music </a></h1>
<ul id="nav">
<li><a href="coming-events.shtml">Coming Events</a></li>
<li><a href="houlihan-mclean.shtml">Houlihan McLean Center</a></li>
<li><a href="student-ensembles.shtml">Student Ensembles</a>
</li>
<li><a href="http://www.scranton.edu/nelhybel">Nelhybel Collection</a></li>
<li><a href="world-premieres.shtml" target="_blank">World Premiere Series</a></li>
<li><a href="artist-bios.shtml" target="_blank">Artist Bio. Information</a></li>
<li><a href="master-classes.shtml" target="_blank">Masterclasses, Clinics</a></li>
<li><a href="brass-orchestra.shtml">Scranton Brass Orchestra</a></li>
<li><a href="/academics/performance-music/brassseminar">Scranton Brass Seminar</a></li>
<li><a href="staff.shtml">Performance Music Staff</a></li>
</ul></block-xhtml>
        </div>
        <!-- id="AdmBlock" --><div class="LeftBlock">
<h1>Undergraduate Admissions</h1>
<img alt="Admissions Image" src="../images/admsns-block-image2.jpg">
<ul>
<li><a href="../../admissions/request-information.shtml">Request Information</a></li>
<li><a href="../../admissions/visit.shtml">Visit</a></li>
<li class="last"><a href="http://www.scranton.edu/apply">Apply</a></li>
</ul>
</div>
        <!-- id="AdmBlock" --><div class="LeftBlock">
<h1><a href="http://www.scranton.edu/cgce">Graduate Program
</a>
<div><a href="http://www.scranton.edu/cgce">Admissions</a></div>
</h1>
<a href="https://apply.scranton.edu/register/graduate-request"><img alt="Graduate Admissions Image" src="../images/graduate-block-image2.jpg"></a>
<ul>
<li><a href="https://apply.scranton.edu/register/graduate-request" target="_blank">Request Information</a></li>
<li><a href="http://www.scranton.edu/gradapply">Apply</a></li>
<li><a href="http://www.scranton.edu/admissions/graduate-admissions/graduate%20-visit.shtml">Visit</a></li>
</ul>
</div>
        <block-xhtml><div id="ContactBlock">
<h2>Contact Us:</h2>
<div class="infobox">
<div class="contactinfo">
<div class="contactinfo">
<div>
Performance Music at The University of Scranton<br>The Houlihan-McLean Center<br>Scranton, PA 18510</div>
<div></div>
<div>Phone: <span id="gc-number-0" class="gc-cs-link" title="Call with Google Voice">570-941- 7624</span></div>
<div>E-mail: [email blocked]</div>
<div></div>
</div>
</div>
</div>
</div></block-xhtml>
       
      </div>
    </div>
  </strong>

I do not know where this <strong> tag is coming from because I do not see it in the template or any of the left column blocks. Any ideas why this is being inserted into our HTML?

  1. 1 Posted by Wing Ming Chan on 17 Jun, 2014 07:37 PM

    Wing Ming Chan's Avatar

    Matthew,

    When I look at the source, I have a few concerns:

    1. The strong tags that bother you do NOT exist in the source, at least not when I view the source, though I can see them when I view the element. Please confirm that they are there in the published source.

    2. There are a lot of strong elements in the p elements on the right. Sequentially, they all appear before the left menu. If one of them is not closed properly, either Cascade or the browser will try to correct it by closing it somewhere later. This could be the reason why you have an extra strong tag. I also notice that there is an empty strong element right after PLEASE CHECK BACK SOON! You may want to clean up all the strong elements first.

    3. The Cascade block-xhtml tags are still there. You may want to clean them up as well.

    Wing

  2. 2 Posted by matthew.wren on 19 Jun, 2014 07:51 PM

    matthew.wren's Avatar

    I found the </strong> in the content body and removed it. It seemed to have resolved the issue! I didn't realize that would affect another section of the website like that.

  3. Ryan Griffith closed this discussion on 20 Jun, 2014 07:03 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac