Forums

HTML block acting weird

Permalink
I have a HTML block inside a 2 column layout. For some reason the block is NOT being contained by it's parent.

This is the code inside the block:

<div class="col-xs-6 padleft">
  <p><strong>Typical Analysis:-</strong>
</p>
<ul>
   <li> 50% Organic Carbon</li>
   <li> 5.2% Nitrogen</li>
   <p>(Available at lower temp)
   </p>
   <li> 1.3% Phosphorous</li>
   <li> 1.1% Potassium</li>
   <li> 0.4% Sulphur</li>
</ul>
</div>
  <div class="col-xs-6"><p>
<ul>
Viewing 15 lines of 26 lines. View entire code block.


I have attached a screenshot of the issue. As you see the yellow border should contain the block.

1 Attachment

 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi dexcode,

To provide more context, please include a page link for where this is happening.
dexcode replied on at Permalink Reply
Hi MrKD,

The page was here:http://www.zesttas.com.au/clients/macquarieoil/poppy-meal...

I had to add a clear:both div at the end of the text.

<div class="ccm-custom-style-main10 yellow-box-wrapper">
<div id="HTMLBlock132" class="HTMLBlock">
<div class="col-xs-6 padleft">
  <p><strong>Typical Analysis:-</strong>
</p>
<ul>
   <li> 50% Organic Carbon</li>
   <li> 5.2% Nitrogen</li>
   <p>(Available at lower temp)
   </p>
   <li> 1.3% Phosphorous</li>
   <li> 1.1% Potassium</li>
   <li> 0.4% Sulphur</li>
</ul>
</div>
Viewing 15 lines of 30 lines. View entire code block.