Announcement

**leehack** · 03-Jan-2007, 02:08 PM

The bottom line of the source code is:

<div align="center"><p></p></div></div><br clear="all" /></div></div></body></html>

There's a redundant <div> tag, a redundant <p> tag and a <br> which will be adding to the bottom space.

**leehack** · 03-Jan-2007, 02:09 PM

Paste the bottom 4 lines or so of the source code Duncan, i would say it looks like a redundant <div>.

<div> tags expand to the maximum they can, its odd on its a <div> serving no purpose. It probably has the same code as i have posted above from the other page.

**Duncan Rounding** · 03-Jan-2007, 02:10 PM

The redundant div tag is there because it is not used unless you add footer text. If I want to add footer text later then it won't show if I remove it. Maybe I can change the block condition position around the footer text.

**leehack** · 03-Jan-2007, 02:12 PM

Well either comment it out OR apply a CSS style to the <div> that makes the background colour, so it doesn't stand out.

Is there a <br> clear all also?

**Duncan Rounding** · 03-Jan-2007, 02:15 PM

This is the main outer layout code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <title><actinic:variable name="PageTitle" /></title>
   <actinic:variable name="BaseHref" />
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <meta http-equiv="MSThemeCompatible" content="yes" />
   <actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Section%22%29%20AND%20%28%3cactinic%3avariable%20name%3d%22GlbMetaKeywords%22%20%2f%3e%20%21%3d%20%22%22%29" >
	   <meta name="keywords" content="<actinic:variable name="GlbMetaKeywords" />" />
   </actinic:block>
   <actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Section%22%29%20AND%20%28%3cactinic%3avariable%20name%3d%22GlbMetaDescription%22%20%2f%3e%20%21%3d%20%22%22%29" >
	   <meta name="description" content="<actinic:variable name="GlbMetaDescription" />" />
   </actinic:block>
   <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22" >
	   <actinic:block if="%3cactinic%3avariable%20name%3d%22MetaKeywords%22%20%2f%3e%20%21%3d%20%22%22">
		   <meta name="keywords" content="<actinic:variable name="MetaKeywords" />" />
	   </actinic:block>
   </actinic:block>
   <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22" >
      <actinic:block if="%3cactinic%3avariable%20name%3d%22MetaDescription%22%20%2f%3e%20%21%3d%20%22%22">
	      <meta name="description" content="<actinic:variable name="MetaDescription" />" />
      </actinic:block>
   </actinic:block>
   <actinic:block if="%3cactinic%3avariable%20name%3d%22IsP3PPolicyUsed%22%20%2f%3e"><link rel="P3Pv1" href="<actinic:variable name="P3PFullPolicyLink" />"></actinic:block>
   <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Contact%20Us%22" >
      <actinic:variable value="Script for Blocking Unregistered Customers" name="UnregCustomerMessage" if="%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20FALSE" />
   </actinic:block>
   <link href="actinic.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* Here are some styles to override the default styles that are in the Actinic StyleSheet layout */
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsBackgroundColor%22%20%2f%3e">
body {
	background-color: <actinic:variable name="Palette3" />;
	background-image: url('theme_main_background.gif');
	background-repeat: repeat-x;
}
</actinic:block>

h1 {
	margin: 0;
	padding: 0;
}

.tech_menu_button_title {
	background-color: <actinic:variable name="PaletteBG" />;
}

.tech_text_product_section {
	color: <actinic:variable name="TextColor" />;
}

</style>

   <script language="javascript" type="text/javascript" src="actiniccore.js"></script>
   <script language="javascript" type="text/javascript" src="actinicextras.js"></script>

   <!-- Placeholder of cookie checking javascript code. Do not remove it! -->
   <Actinic:COOKIECHECK />

   <script language="javascript" type="text/javascript">
      <!-- 
      saveReferrer();
      // -->
   </script>

	<actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27PSP%20Bounce%20Page%27%29%20AND%20%28%3cactinic%3avariable%20name%3d%22IsPSPTestMode%22%20%2f%3e%20%3d%3d%20false%29" >
		<script language="JavaScript" type="text/javascript">
		<!--
		function onLoad()
		{
		document.formOCC.submit();
		}
		// -->
		</script>
	</actinic:block>

</head>

<body onload="<actinic:variable value="PreloadImages" name="OnLoadScript" />">

<div id="maincontent">
  <div id="contemporary_top_bar"><actinic:variable name="CompanyLogoImage" /></div>
  <div id="contemporary_second_bar"><div style="float: right;"><actinic:variable name="QuickSearchBar" /></div>
    <actinic:variable name="NavigationIcon" value="Home Image Navigation Button" /><actinic:variable name="NavigationIcon" value="Sitemap Image Navigation Button" /><actinic:variable name="NavigationIcon" value="Terms Image Navigation Button" /><actinic:variable value="Store Top Image Navigation Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22IsNavBarTopSectionOmitted%22%20%2f%3e%20%3d%3d%20false" /><actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22"><actinic:variable value="Up A Level Image Navigation Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3e%200" /></actinic:block><actinic:variable name="NavigationIcon" value="Contact Us Image Navigation Button" />
<actinic:block if="%3cactinic%3avariable%20name%3d%22AreRegCustomersAllowed%22%20%2f%3e">
	<Actinic:NOTINB2B>
	<actinic:variable name="NavigationIcon" value="Login Image Navigation Button" />
	</Actinic:NOTINB2B>
</actinic:block>
  </div>
  <div id="contemporary_parent_section_list">
   
		<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22" >
	      <actinic:variable name="ParentSectionListTop" />
      </actinic:block>

  </div>
  <div class="contemporary_body_content">
    <div class="contemporary_left_column">
    <actinic:variable name="NavigationIcon" value="View Cart CSS Large Button" />
    <actinic:variable name="NavigationIcon" value="Checkout CSS Large Button" />

	<div class="tech_menu_button_title">
		<p class="tech_text_product_section"><actinic:variable value="Shopping Cart Summary - No Box" name="ShoppingCartSummary" /></p>
	</div>

    <actinic:variable value="Top Level Section List In Boxes" name="TopLevelSectionList" if="%3cactinic%3avariable%20name%3d%22IsTopSectionListIncluded%22%20%2f%3e" />
    <br />
    <actinic:variable name="BrochureNavBar" value="Brochure Nav Bar In Boxes" />
    <br />
    <actinic:variable value="Sidebar Coupon Field" name="CouponEntryField" if="%3cactinic%3avariable%20name%3d%22CaptureCoupon%22%20%2f%3e" />
    <actinic:variable value="Sidebar New Products List In A Box" name="NewProductListSidebar" if="%3cactinic%3avariable%20name%3d%22NewProductsListInSidebar%22%20%2f%3e" />
    <actinic:variable value="Sidebar Best Sellers List In A Box" name="BestSellerListSidebar" if="%3cactinic%3avariable%20name%3d%22BestSellersListInSidebar%22%20%2f%3e" />
    </div>

	 <div class="contemporary_right_column">
         <a name="top"></a>
         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsNotPreviewMode%22%20%2f%3e">
            <!-- When logged in, this gives the company name, username and a login link -->
            <Actinic:Variable Name="NowServing"/><Actinic:Variable Name="CurrentAccount"/><Actinic:Variable Name="LogoutSimple"/><br />
         </actinic:block>
         <div align="center">
            <actinic:variable name="HeaderFooter" value="Header Text" />
         </div>
         
         <actinic:variable name="INNERLAYOUT" />
         
         <div align="center">
			<actinic:variable name="HeaderFooter" value="Footer Text" />
         </div>

         <actinic:variable name="ReferrerLink" />

	 </div>
	<br clear="all" />
  </div>
</div>

</body>
</html>

**Duncan Rounding** · 03-Jan-2007, 02:33 PM

I tried getting rid of the extra 'div' and the 'br clear all' - but still the same (put it back again now). Any other ideas? Is it related to the css colour of the surround rather than in the inside as it were perhaps?

Maybe I shouldn'ty worry about it - it's just a bit annoying - unlikely anyone will ever see it really.

**leehack** · 03-Jan-2007, 02:33 PM

Try changing this:

<div align="center">
<actinic:variable name="HeaderFooter" value="Footer Text" />

to:

<div align="center" id="footerHide">
<actinic:variable name="HeaderFooter" value="Footer Text" />

and add this to your CSS file:

#footerHide {
background-color: #000000;
}

OR comment the part that you do not want to show using the  at the end.

There are a number of <div> tags so you may need to tweak a little, it's a little hard to decipher which </div> is for which.

**leehack** · 03-Jan-2007, 02:35 PM

Duncan once you apply those changes and it makes no difference, show me the source code as it will be much easier to see what is causing it and then help. Source code as in "view source" from within a browser, i.e. the resultant code.

You have the referrer link there also which maybe adding to the problem.

**Duncan Rounding** · 03-Jan-2007, 02:41 PM

I think I've found it. The white around the sides is actually a white background gif. See below. It obviously won't get repeated below the page. I'm going to research that angle.

Code:

body {
	background-color: <actinic:variable name="Palette3" />;
	background-image: url('theme_main_background.gif');
	background-repeat: repeat-x;
}

**leehack** · 03-Jan-2007, 02:43 PM

That won't do anything Duncan, the background image will only tile across the x-axis into space that is already there for it to.

It's 99.99% sure to be a <div> tag as it is spreading right across the page, which is the characteristic of a div.

If you want a clear view on what is happening, apply the change i mentioned above and change the #000000, to a different colour (green) and it will show you the offending code.

**Duncan Rounding** · 03-Jan-2007, 02:49 PM

Originally posted by leehack

..If you want a clear view on what is happening, apply the change i mentioned above and change the #000000, to a different colour (green) and it will show you the offending code.

Great idea Lee - will do.

**Duncan Rounding** · 03-Jan-2007, 04:00 PM

Finally - it's now working OK.

I changed the theme bgcolor from black to white which sorted the problem. There seems to have been some 'confusion' between the bgcolor in the css file vs the overiding bgcolor in the <head>.

Thanks for everyone's help.

**leehack** · 03-Jan-2007, 04:43 PM

Thats good new Duncan.

I did notice the CSS declared in the head section and wondered why it was there. The rules there i presume were overwriting the stylesheet. Did you put them there or is that standard? Given the size of the stylesheet, i can't see why they would put them in the head section and reference an external stylesheet also.

Has the space cleared or is it just the background colour that has changed so you cannot see it?

**Duncan Rounding** · 03-Jan-2007, 05:11 PM

The css in the head was there as part of the theme. Strange they would do that - there's a note in the outer layer that says the css is there to override the default styles in actinic.css.

I believe the space has cleared - the end of the page is at the end of the black as it were.

Thanks again (and for making that post edit)

Announcement

Odd Bottom of Section Page?

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment