Simple Zen Template - Support Thread

[jettrue]

Almost all of the issues are gone now, except for these that I can clarify better+jpegs:

4. shipping insurance box is out of alignment (in check out)...see jpeg below...(safari only) could it be a fix in the ot_insurance.php pages? or css?

3. In category sidebox: large gap under last category before Specials Link (could be BetterCategories mod-not sure) Safari Only:

your suggestion:

remove the top padding from here:
HR {
height: 1px;
margin-top: 0.5em
border: none;
border-bottom: 1px solid #9a9a9a;
} 

did not work, I went as far as to delete the code completely and it had not effect.

new issue! on my login page: Safari/FF : the browser window does not fill with the login page at 100% it shows about 75% the rest is background grey, this happens only on this page...see jpegs....

Hi Dharma,

For the shipping insurance, try opening up includes/templates/YOUR_TEMPLATE/tpl_checkout_payment_default.php and add this:

<div class="clearBoth"></div>

right after (approx line 96):

<?php echo $selection[$i]['fields'][$j]['field']; ?>

If you would like your shipping insurance check box right before the text (a lot of people have asked about this I've finally taken the time to figure it out), change that whole section to this:

<fieldset>
<legend><?php echo $selection[$i]['module']; ?></legend>
<?php echo $selection[$i]['redeem_instructions']; ?>
<div class="gvBal larger"><?php echo $selection[$i]['checkbox']; ?></div>
<?php echo $selection[$i]['fields'][$j]['field']; ?>
<label class="inputLabel"<?php echo ($selection[$i]['fields'][$j]['tag']) ? ' for="'.$selection[$i]['fields'][$j]['tag'].'"': ''; ?>><?php echo $selection[$i]['fields'][$j]['title']; ?></label>
<div class="clearBoth"></div>
</fieldset>

As for the gap after "out of stock" in your sidebox, changing as I suggested shows an immediate response on FF with the developer tools. I can't test like that in Safari, however. BUT, when I look at the source of that section, I see this:
<br style="line-height: 0;" /><hr id="catBoxDivider" /><br style="line-height: 0;" />

those <br style="line-height: 0;" />'s are probably the issue. You can try changing those to
<div class="clearBoth"></div>

As far as the login issue, I would completely rework that credit card/authorize net seal section at the bottom of your site. Its got a few validation issues. Use http://validator.w3.org/ to run your site through the validator. You've got a beginning <td> (<td class="footerbottom" align="center">) but no closing </td> and that beginning <td> isn't even inside a table. I'd go ahead and change that to a <div class="footerbottom"> with a closing </div> at the end.

I think cleaning that up may help the issue.