added ssl sidebox , sidebox is not complete

[b18cya]

Hey all, my site is www.modchipcentral.com , i added the ssl and it works however the sidebox on the left is not fully completed on the bottom. anyone know how to fix that?

thanks

[b18cya]

bump anyone

[econcepts]

From looking at the code, it looks as if you are missing the style element that "completes" the side box. Your code is below. I copied the "Information side box" and the "SSL Certified" side box so you could compare the two codes. If you look further up the list of other side box elements, you'll see they all hold that "missing element". Your SSL box is missing it.

The code is below, and the missing element is highlighted in the next entry for easy viewing:

Your Current code:

<!--// bof: information //-->
<div class="leftBoxContainer" id="information" style="width: 150px">
<h3 class="leftBoxHeading" id="informationHeading">Information</h3>
<div id="informationContent" class="sideBoxContent">
<ul style="margin: 0; padding: 0; list-style-type: none;">
<li><a href="http://www.modchipcentral.com/catalog/index.php?main_page=shippinginfo">Shipping &amp; Returns</a></li>
<li><a href="http://www.modchipcentral.com/catalog/index.php?main_page=privacy">Privacy Notice</a></li>
<li><a href="http://www.modchipcentral.com/catalog/index.php?main_page=conditions">Conditions of Use</a></li>
<li><a href="http://www.modchipcentral.com/catalog/index.php?main_page=contact_us">Contact Us</a></li>

</ul>
</div></div>
<!--// eof: information //-->

<!--// bof: comodologo //-->
<div class="leftBoxContainer" id="comodologo" style="width: 150px">
<h3 class="leftBoxHeading" id="comodologoHeading">SSL Certified</h3>

<script type="text/javascript">TrustLogo("http://www.modchipcentral.com/catalog/includes/templates/comstock/images/secure_site.gif", "SC", "none");
</script>
</div>
<!--// eof: comodologo //-->

The "Missing Element" from the SSL Side box:

<div id="informationContent" class="sideBoxContent">

Don't forget the CLOSING "</div>" tag on that last missing element. I just gave you the first part of it to show you what element was missing. You need to make sure you close it as well.

[b18cya]

OK thanks, that added the bottom, now how do you add the side lines back to it?

thanks for the help btw

[econcepts]

You still don't have the code correct. Here is what you have:

<!--// bof: information //-->
<div class="leftBoxContainer" id="information" style="width: 150px">
<h3 class="leftBoxHeading" id="informationHeading">Information</h3>
<div id="informationContent" class="sideBoxContent">
<ul style="margin: 0; padding: 0; list-style-type: none;">
<li><a href="http://www.modchipcentral.com/catalog/index.php?main_page=shippinginfo">Shipping &amp; Returns</a></li>

<li><a href="http://www.modchipcentral.com/catalog/index.php?main_page=privacy">Privacy Notice</a></li>
<li><a href="http://www.modchipcentral.com/catalog/index.php?main_page=conditions">Conditions of Use</a></li>
<li><a href="http://www.modchipcentral.com/catalog/index.php?main_page=contact_us">Contact Us</a></li>
</ul>
</div></div>
<!--// eof: information //-->

<!--// bof: comodologo //-->
<div class="leftBoxContainer" id="comodologo" style="width: 150px">
<h3 class="leftBoxHeading" id="comodologoHeading">SSL Certified</h3>

<script type="text/javascript">TrustLogo("http://www.modchipcentral.com/catalog/includes/templates/comstock/images/secure_site.gif", "SC", "none");
</script>

</div>
<!--// eof: comodologo //-->

Here is how it should look:

<!--// bof: information //-->
<div class="leftBoxContainer" id="information" style="width: 150px">
<h3 class="leftBoxHeading" id="informationHeading">Information</h3>
<div id="informationContent" class="sideBoxContent">
<ul style="margin: 0; padding: 0; list-style-type: none;">
<li><a href="http://www.modchipcentral.com/catalog/index.php?main_page=shippinginfo">Shipping &amp; Returns</a></li>

<li><a href="http://www.modchipcentral.com/catalog/index.php?main_page=privacy">Privacy Notice</a></li>
<li><a href="http://www.modchipcentral.com/catalog/index.php?main_page=conditions">Conditions of Use</a></li>
<li><a href="http://www.modchipcentral.com/catalog/index.php?main_page=contact_us">Contact Us</a></li>
</ul>
</div></div>
<!--// eof: information //-->

<!--// bof: comodologo //-->
<div class="leftBoxContainer" id="comodologo" style="width: 150px">
<h3 class="leftBoxHeading" id="comodologoHeading">SSL Certified</h3>
<div id="comodologoContent" class="sideBoxContent">

<script type="text/javascript">TrustLogo("http://www.modchipcentral.com/catalog/includes/templates/comstock/images/secure_site.gif", "SC", "none");
</script>
/div>
</div>
<!--// eof: comodologo //-->

Noticed that I added the following line of code to the second entry:

<div id="comodologoContent" class="sideBoxContent">

and then closed it of course with

</div>

You are missing that from your previous entry. I'm not sure what you did to the style in order to get the "bottom" to show, but you didn't need to do anything other than add the lines I indicated above. That will add the sidebars and bottom all in one shot.

Hope that helps.