Webpage Footers

Hello.

I am using Dreamweaver 8 to build my website offline, which is near completion.

However, I am having one problem: the information that I have on my template (dwt.) wepage - that is, the copyright information and horizontal navigation links on the bottom of the page - does not remain on the bottom of the page . When I preview it in Internet Explorer 7.0 and print it for personal reading, that information shows up on the second page of every page of my website - instead of on the bottom of every page after the content, where it should be.

Since my site is not yet finished, I did not upload it onto the web. And, I do not know if it is necessary for me to do so in order for someone to help me resolve the problem. What I can do, at the moment, is specify the configuration of the border on the bottom of the page, what it says when it is highlighted and the values contained therein. I will also copy and past the html code info., if that will help, to see what the culprit of the problem might be.

(P.S. I am using the WYSIWYG [what-you-see-is-what-you-get] format of building the website, as I don’t have extensive html experience.)

BORDER INFO (when highlighted)

  1. <div#siteInfo>

  2. Properties: Div ID (the scroll-down box underneath it says: siteInfo)

  3. Class: None

  4. Font Family: verdana

  5. Line-Height: 1.166 multiple

  6. Clear: both

  7. Font Size: 9pt

  8. Color: #FFFFFF

9. Padding: 10px 10px 10px… (same for all; margins: same for all)

  1. Border top, right, bottom, left width: 0px

  2. Border top, right, bottom, left style: none

  3. Border top, right, bottom, left color: #FFFFFF

HTML CODE INFO

<div id=“siteInfo”> <img src=“…/logosoulmap.jpg” width=“44” height=“22” /><span class=“style91”><a href=“…/index.html”>Home</a> |<a href=“…/about_us.html”>About Us</a> |<a href=“…/in_dedication_to_john.html”>In Dedication to John</a> |<a href=“…/fellow_practitioners.html”>Fellow Practitioners</a> |<a href=“…/about_shaun.html”>Shaun</a> |<a href=“…/contact_us.html”>Contact</a> |<a href=“…/links.html”>Links</a> |<a href=“…/site_map.html”>Site Map</a></span> <span class=“style104”>Copyright © 2009 - 2010 Intell-<em><strong>E</strong></em>-clectic Enterprises, LLC. All Rights Reserved.</span></div>

I would appreciately greatly any help that may be given in resolving this matter. Also, please let me know if the information provided is sufficient or if you need more.

Many thanks and warm regards,
Shaun:)

Hi phylox,

I tried several times but finally got it to work. The culprit lies in the Positioning.

Here are the areas that I filled in the POSITIONING category (all others were left blank):

1. Visibility - visible

2. Placement - Top (value): 1466

3. Left: 2

4. Overflow: auto

Should you seek an example of what those configurations actually look like, I will be uploading my site in about day or so (but then again, that may not be necessary for you to see an example if you understand the more technical aspects of this). In any case, I hoped this information has helped you as the other members on here have helped me.

Here is the code also:

<div id=“siteInfo”> <img src=“…/logosoulmap.jpg” width=“44” height=“22” /><span class=“style91”><a href=“…/index.html”>Home</a> |<a href=“…/about_us.html”>About Us</a> |<a href=“…/in_dedication_to_john.html”>In Dedication to John</a> |<a href=“…/fellow_practitioners.html”>Fellow Practitioners</a> |<a href=“…/about_shaun.html”>Shaun</a> |<a href=“…/contact_us.html”>Contact</a> |<a href=“…/links.html”>Links</a> |<a href=“…/site_map.html”>Site Map</a></span> <span class=“style104”>Copyright © 2009 - 2010 Intell-<em><strong>E</strong></em>-clectic Enterprises, LLC. All Rights Reserved.</span></div>

Now, just so you know: although the correction has to been applied to the <div#siteInfo> /footer to reflect how I want it to look (horizontal nav. categories on the bottom of every page - after the content), it “appears” as a vertical (as opposed to horizontal) box in the left center of the template/dwt. page (and over some of the words, which reflect exactly what’s on my home page). HOWEVER, although it “appears” that way on the dwt. page, it shows up as it should when I view it in the browser as well as on all of my other pages.

Regards,
Shaun

Shaun,

There’s nothing in HTML that would allow you to create something like a page break, similar to what you would use in word processing applications. That is, HTML does not work in “pages”. That means the only reason for your footer to be printed on the next page would be that the first page was filled up. :slight_smile:

There isn’t much I can do with what you’ve posted here. If you could somehow get the files online so I can look at them I might be able to help out.

Jeff

Hi Shaun! Welcome to SitePoint! :slight_smile:

One question I would ask: do you really want to fotter an navigation to appear at all when someone prints your web pages? You can actually turn that off with CSS.

If you really want to keep them there, you’ll need to code them carefully. There was a similar question to this in the forum recently.

@Jeff. You may have missed the reference to printing the web pages. :slight_smile:

Here’s the link to that recent thread:

D’oh! In that case, I agree with Ralph.

Hi Jeff and ralph.m, and thank you for your replies :slight_smile:

Thank you also, ralph.m, for providing that link. Since Jdrme seems have experienced the same problem as I, I will go ahead and apply the suggestions given to see what happens.

Best Regards,

Shaun

Let me how that goes as I am having a similar issue.