Side Box Margin Alignment Issue

[OCchevy02]

On our site that I have just taken over: http://www.outragemotorsports.com/index.php

The left and right side boxes seem to have a margin that pushes them towards the center. I have tried adjusting the side box size on the Admin but they will not go larger. I have not found a setting for the center box to make it bigger. However my main goal is just to move the side boxes out to align with the header. I have also tried searching through the CSS files and some of the template layout files for margin or alignment tags. PLEASE HELP!!! My boss wants this done asap.

I am new to this forum too. Thank you to anyone who takes the time to help.

[OCchevy02]

I located the tpl_main_page.php file under the commons folder and it has this:

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper" class="l2">
<tr>
<td width="10"><?=zen_image(DIR_WS_TEMPLATE.'images/spacer.gif','','10px','1px')?></td>
<td id="navColumnOne" class="columnLeft" style="width:<?=COLUMN_WIDTH_LEFT?>" valign="top">
<?php
if (COLUMN_LEFT_STATUS == 0 or (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '')) {
// global disable of column_left
$flag_disable_left = true;
}
if (!isset($flag_disable_left) || !$flag_disable_left) {
?>

<?php
/**
* prepares and displays left column sideboxes
*
*/
?>
<div class="dc" style="width:<?php echo BOX_WIDTH_LEFT; ?>">
<div class="dt l2_c2_t1">
<div class="dr">
<div class="dc"><?=zen_image(DIR_WS_TEMPLATE.'images/spacer.gif','','1px','6px')?><br/>
<div class="dt p1_t1">
<div class="dr">
<div class="dc">
<?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?>
<?=zen_image(DIR_WS_TEMPLATE.'images/spacer.gif','','1px','18px')?><br/>
</div>
</div>
</div>
</div>
</div>
</div>
</div><?=zen_image(DIR_WS_TEMPLATE.'images/spacer.gif','','1px','10px')?><br/>
<?php
}
?></td>
<td valign="top" width="330px">
<div class="dt blacktop">
<div class="dr">
<div class="dc"><?=zen_image(DIR_WS_TEMPLATE.'images/spacer.gif','','1px','6px')?><br/>
</div>
</div>
</div>
<!-- bof breadcrumb -->
<?php if (DEFINE_BREADCRUMB_STATUS == '1') { ?>
<div id="navBreadCrumb"><?php echo $breadcrumb->trail(BREAD_CRUMBS_SEPARATOR); ?></div>
<?php } ?>
<!-- eof breadcrumb -->

<?php
if (SHOW_BANNERS_GROUP_SET3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET3)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerThree" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>

<!-- bof upload alerts -->
<?php if ($messageStack->size('upload') > 0) echo $messageStack->output('upload'); ?>
<!-- eof upload alerts -->
<?php
/**
* prepares and displays center column
*
*/
require($body_code); ?>
<?php
if (SHOW_BANNERS_GROUP_SET4 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET4)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerFour" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}

}
?><?=zen_image(DIR_WS_TEMPLATE.'images/spacer.gif','','1px','10px')?><br/></td>
<?php
if (COLUMN_RIGHT_STATUS == 0 or (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '')) {
// global disable of column_right
$flag_disable_right = true;
}
if (!isset($flag_disable_right) || !$flag_disable_right) {
?>

<td id="navColumnTwo" class="columnRight" style="width: <?php echo COLUMN_WIDTH_RIGHT; ?>">
<?php
/**
* prepares and displays right column sideboxes
*
*/
?>
<div class="dc" style="width:<?php echo BOX_WIDTH_RIGHT; ?>">
<div class="dt l2_c2_t1">
<div class="dr">
<div class="dc"><?=zen_image(DIR_WS_TEMPLATE.'images/spacer.gif','','1px','6px')?><br>
<div class="dt p1_t1">
<div class="dr">
<div class="dc">
<?php require(DIR_WS_MODULES . zen_get_module_directory('column_right.php')); ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div><?=zen_image(DIR_WS_TEMPLATE.'images/spacer.gif','','1px','10px')?><br/>
</td>
<?php
}
?>
<td width="10"><?=zen_image(DIR_WS_TEMPLATE.'images/spacer.gif','','10px','1px')?></td>
</tr>
</table>

Now I see the two column(td) tags with a width of 10 pixels on each side of the side boxes. When I reduced them to 1 or 0 the layout still did not adjust. Any ideas?

[clydejones]

I located the tpl_main_page.php file under the commons folder and it has this:




Now I see the two column(td) tags with a width of 10 pixels on each side of the side boxes. When I reduced them to 1 or 0 the layout still did not adjust. Any ideas?

You might want to read this thread concerning TM templates.

[OCchevy02]

Sounds great. I took this site over from another designer and it sounds like I might be screwed. Thanks for the thread link. Are there any temaplate companies you would suggest in the future? I still have to figure this out one way or another.

[clydejones]

Sounds great. I took this site over from another designer and it sounds like I might be screwed. Thanks for the thread link. Are there any temaplate companies you would suggest in the future? I still have to figure this out one way or another.

Check here to view most of the "free" templates available in the downloads section.