How to achieve a 100% width footer?

[Platinumgamer]

I'm trying to make the header and footer fill the width of the screen entirely. The header I have managed to complete fairly easily; however, the footer is proving to be a problem. In the attached image is what I have so far, but I'm hoping to extend the footer to fill the screen properly. I've tinkered with the footer template to the point of frustration and have edited each of the individual percentages, pixel and padding values within the styles manager. Not sure what else to do.

Here's an image showing what I've got and explains a bit what I'm trying to do.

(Don't mind the mess of the footer, it's a work in progress and will be organized properly once the actual footer is as it should be).

http://www.platinumgeneration.net/ar...FooterProb.png

Thanks for your time!

[Hell Bomb]

do you have spacer_open and spacer_closed in the template? those will limit the width of the template

[Platinumgamer]

Hi,

spacer_close is above the code in question, so in theory it shouldn't affect the actual portion of the footer in question.

Thanks for your help!

[Hell Bomb]

think I can have the footer code? also in most templates their is one more set of spacer_open and spacer_close within the footer

[Platinumgamer]

Sure thing:

(It's a bit of a mess at the moment, but the general idea's there)

$ad_location[ad_footer_start]

<br />
<div class="smallfont" align="center">$vbphrase[all_times_are_gmt_x_time_now_is_y]</div>
<br />

$spacer_close
<!-- /content area table -->

<!-- <form action="$vboptions[forumhome].php" method="get"> -->

<table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" class="page" align="center">
<tr>
<td class="tfoot" align="center" width="100%">
    <if condition="$show['quickchooser']">
        <div align="left">
            <select name="styleid" onchange="switch_id(this, 'style')">
                <optgroup label="$vbphrase[quick_style_chooser]">
                    $quickchooserbits
                </optgroup>
            </select>
        </div>
    </if>
    <if condition="$show['languagechooser']">
        <div align="left">
            <select name="langid" onchange="switch_id(this, 'lang')">
                <optgroup label="$vbphrase[quick_language_chooser]">
                    $languagechooserbits
                </optgroup>
            </select>
        </div>
    </if>
<br />

<div align="left">
    <div class="smallfont" align="left">
    <!-- Do not remove this copyright notice -->
    $vbphrase[powered_by_vbulletin]
    <!-- Do not remove this copyright notice -->
    </div>

    <div class="smallfont" align="left">
    <!-- Do not remove $cronimage or your scheduled tasks will cease to function -->
    $cronimage
    <!-- Do not remove $cronimage or your scheduled tasks will cease to function -->

    $vboptions[copyrighttext]
    </div>
</div>
<div align="right">        <div class="smallfont">
            <strong>
                <if condition="$show['contactus']"><a href="$vboptions[contactuslink]" rel="nofollow" accesskey="9">$vbphrase[contact_us]</a> -</if>
                <if condition="$vboptions['hometitle']"><a href="$vboptions[homeurl]">$vboptions[hometitle]</a> -</if>
                <if condition="$show['admincplink']"><a href="$admincpdir/index.php$session[sessionurl_q]">$vbphrase[admin]</a> -</if>
                <if condition="$show['modcplink']"><a href="$modcpdir/index.php$session[sessionurl_q]">$vbphrase[mod]</a> -</if>
                <if condition="$vboptions['archiveenabled']"><a href="archive/index.php">$vbphrase[archive]</a> -</if>
                $template_hook[footer_links]
                <if condition="$vboptions[privacyurl]"><a href="$vboptions[privacyurl]">$vbphrase[privacy_statement]</a> -</if>
                <a href="#top" onclick="self.scrollTo(0, 0); return false;">$vbphrase[top]</a>
            </strong>
        </div>
</div>

<!-- </form> -->

$ad_location[ad_footer_end]

<if condition="$show['dst_correction']">
<!-- auto DST correction code -->
<form action="profile.php?do=dst" method="post" name="dstform">
    <input type="hidden" name="s" value="$session[sessionhash]" />
    <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
    <input type="hidden" name="do" value="dst" />
</form>
<script type="text/javascript">
<!--
    var tzOffset = $bbuserinfo[timezoneoffset] + $bbuserinfo[dstonoff];
    var utcOffset = new Date().getTimezoneOffset() / 60;
    if (Math.abs(tzOffset + utcOffset) == 1)
    {    // Dst offset is 1 so its changed
        document.forms.dstform.submit();
    }
//-->
</script>
<!-- / auto DST correction code -->

</if>
<script type="text/javascript">
<!--
    // Main vBulletin Javascript Initialization
    vBulletin_init();
//-->
</script>
<!-- start Vibrant Media IntelliTXT script section -->
<script type="text/javascript" src="http://gamewinners.us.intellitxt.com/intellitxt/front.asp?ipid=12877"></script>
<!-- end Vibrant Media IntelliTXT script section --></td></tr>
</table>

[Hell Bomb]

Try removing the class "page" and see what happens

[Platinumgamer]

Hi hellbomb,

Thanks for the response! Removing "class=page" didn't affect anything, ultimately.

[Hell Bomb]

hmmm >.> you wanna PM me the link to the site and I will take a look from their. If removing the page class didn't do anything their must be some extra code somewhere else.

[Platinumgamer]

Hi hellbomb,

I'll send you the details

[Platinumgamer]

Can anyone provide further insight into this issue?

Thanks for your time