Editing My Footer - Seperating it from the body.

[smooth-c]

Okay, I've been designing a new skin and I've been editing my footer template to switch it around a tad. You can see my results here;



This also produces some horrid results on other pages such as forumdisplay and showthread.





This is my footer template code;

{vb:raw ad_location.ad_footer_start}
{vb:raw ad_location.global_above_footer}
</div> <!-- closing div for body_wrapper -->

<div id="footer" class="floatcontainer footer">
	<form action="{vb:link forumhome|nosession}" method="get" id="footer_select" class="footer_select">

			
		<vb:if condition="$show['quickchooser']">
			<select name="styleid" onchange="switch_id(this, 'style')">
				<optgroup label="{vb:rawphrase quick_style_chooser}">
					{vb:raw quickchooserbits}
				</optgroup>
			</select>	
		</vb:if>
		
		<vb:if condition="$show['languagechooser']">
			<select name="langid" onchange="switch_id(this, 'lang')">
				<optgroup label="{vb:rawphrase quick_language_chooser}">
					{vb:raw languagechooserbits}
				</optgroup>
			</select>
		</vb:if>
	</form>

	<ul id="footer_links" class="footer_links">
		<vb:if condition="$show['contactus']"><li><a href="{vb:raw vboptions.contactuslink}" rel="nofollow" accesskey="9">{vb:rawphrase contact_us}</a></li></vb:if>
		<vb:if condition="$vboptions['hometitle']"><li><a href="{vb:raw vboptions.homeurl}">{vb:raw vboptions.hometitle}</a></li></vb:if>
		<vb:if condition="$show['admincplink']"><li><a href="{vb:raw admincpdir}/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase admin}</a></li></vb:if>
		<vb:if condition="$show['modcplink']"><li><a href="{vb:raw modcpdir}/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase mod}</a></li></vb:if>
		<vb:if condition="$vboptions['archiveenabled']"><li><a href="archive/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase archive}</a></li></vb:if>
		{vb:raw template_hook.footer_links}
		<vb:if condition="$vboptions['privacyurl']"><li><a href="{vb:raw vboptions.privacyurl}">{vb:rawphrase privacy_statement}</a></li></vb:if>
		<vb:if condition="$vboptions['tosurl']"><li><a href="{vb:raw vboptions.tosurl}">{vb:rawphrase terms_of_service}</a></li></vb:if>
		<li><a href="{vb:raw relpath}#top" onclick="document.location.hash='top'; return false;">{vb:rawphrase top}</a></li>
	</ul>
	
	
	<vb: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="{vb:raw session.sessionhash}" />
			<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
			<input type="hidden" name="do" value="dst" />
		</form>
		<script type="text/javascript">
		<!--
			var tzOffset = {vb:raw bbuserinfo.timezoneoffset} + {vb:raw 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 -->
	</vb:if>
	
	<script type="text/javascript">
	<!--
		// Main vBulletin Javascript Initialization
		vBulletin_init();
	//-->
	</script>
        {vb:raw template_hook.footer_javascript}
</div>
<div class="footer extra_footerlinks">
<div class="footerLogo">
<a href="forum.php" name="top">
<img alt="Taking You To Max Since '08" src="images/misc/footerLogo.png"></a>
</div>
<div class="footer_padding">
<div id="footer_time">{vb:rawphrase all_times_are_gmt_x_time_now_is_y}</div>
<div id="footer_copyright">
<!-- Do not remove this copyright notice -->{vb:rawphrase powered_by_vbulletin}<!-- Do not remove this copyright notice -->	
</div>
<div id="footer_morecopyright">
	<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
	{vb:raw cronimage}
	<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
	{vb:raw vboptions.copyrighttext}
</div>
</div>
</div>
<div class="below_body">

<vb:if condition="$vboptions['enablefacebookconnect']">
	{vb:raw facebook_footer}
</vb:if>
</div>
<vb:if condition="$bbuserinfo[field22] == 'Yes'">
<vb:else />
<script type="text/javascript" src="/discussion/arrowchat/external.php?type=djs" charset="utf-8"></script>
<script type="text/javascript" src="/discussion/arrowchat/external.php?type=js" charset="utf-8"></script>
</vb:if>

Now, I know this problem only occurs when I move

</div> <!-- closing div for body_wrapper -->

To the top, so the footer becomes seperate from the body wrapper. This seems the only way, atleast to me - to seperate the footer and the body. Yet it produces these adverse results.

Can anyone help me in acheiving what I want? Thank you very much!

Greg

(I posted this in the 'General vB4' forum at first - Please remove and keep this one. Sorry! (: ..)

[Attitude5ire]

You need jus need to clear the floats
- try <div id="footer" class="floatcontainer footer" style="clear:both">
or before <div id="footer" class="floatcontainer footer">
add <div class="clear"></div>

Should probably fix it.

[smooth-c]

It still gives the same undesired results Exactly the same.

Thank you though. I hope we can get to the bottom of this - I really do like the style of the footer being seperated.

--------------- Added [DATE]1299116351[/DATE] at [TIME]1299116351[/TIME] ---------------

Anyone?

[smooth-c]

Anyone?

[smooth-c]

I've given it nearly a week - was wondering if anyone could help? Thank you.

[smooth-c]

Last bump. I hope someone can help