Need help with my Copyright!!!

djcee · Aug 10th, 2006, 21:21

Here is a page from my site which illustrates the problem:

click here to view the page!

My copyright bar at the bottom of my page rightfully follows where the content is, so if more content is added, the copyright will move down along with the content, however as you can see, the navbar goes straight through the Copyright!

Is there anyway of making the copyright bar rest under the navbar, but make the content pick it up if the content goes below the navbar??

Basically I want the copyright bar to be at the bottom of the page all the time!!!

Can someone help??

ukgeoff · Aug 10th, 2006, 22:05

You need to restructure the page with proper markup such that you can place the copyright message in a footer that is always at the bottom, no matter which of the columns above is the longest.

You could fix the 55 validation errors while your at as well.

djcee · Aug 11th, 2006, 11:03

Quote:

Originally Posted by ukgeoff

You need to restructure the page with proper markup such that you can place the copyright message in a footer that is always at the bottom, no matter which of the columns above is the longest.

You could fix the 55 validation errors while your at as well.

Yeh, I think those errors are something to do with my Content Management system! They dont effect the site!

So I'm gonna have to completely redo the CSS??? And there's no other way?? Coz I'm not very good with CSS & Html really. I can do most stuff, but nothing to do with like what content will appear where and stuff! Is there an easy way of keeping it at the bottom, or under the nav bar without having to do anything complicated??

Or could you tell me how to do it??

I would be REALLLLY greatful! I downloaded the template from Zymic.com, they obviously didnt structure it very well themselves!!

djcee · Aug 11th, 2006, 12:56

I could put the copyright bar as a PHP file and then make it display that, so that I wouldnt have to keep editing it on each page!!

Is there a way I could make say the contents of a PHP file appear at the bottom of the page but under the navbar! Because if I position the copyright bar at the bottom now, it goes at the bottom but is still behind the navbar! I need it one line below the bottom of the navbar!

Is there a way of doing this?? If I have to restructure the entire page, it would really PI$$ me off! but isnt there something simpler you can do??

moojoo · Aug 11th, 2006, 13:33

Your navigation is a floated element which takes it out of the normal flow. You need to place a clearing div above your footer (Would be the easiest fix). Also you can do a PHP include for the footer file. The "Clearing" div will keep the footer below the nnavigation regardless of the main contents length on the page. I have it in use on my http://www.newguyinennis.com site as well as many other projects I have done.

PHP Include:

Code: Select all

<? include("filename.php") ?>

Clearing Style

Code: Select all

.clearing {
height:0;
clear:both;
}

and in your HTML:

Code: Select all

<div class="clearing">&nbsp;</div>

ukgeoff · Aug 11th, 2006, 15:04

If you want to take the time to look at a blank template system and the notes that come with that explains why everything is the way it is then download this package I put together a while back. The .zip file contains everything.
http://1ontheweb.net/downloads/Templates.zip

Compumaniac12 · Aug 11th, 2006, 15:35

i didnt look into your code, but i had a similar problem once, you want to move the code for the copyright out of the area of the text, so that its not associated with it. Im assuming your tried to put it at the end of the html file, try the beginning, and then make sure your css is position absolute, and bottom 0px or whatever. hope that helps

moojoo · Aug 11th, 2006, 15:36

Or use my method and it will stay below the navigation regardless of the contents height.. Sheesh listen to the moojoo damnit heh. of course it has to be placed correctly and I have not looked at his source code.

djcee · Aug 11th, 2006, 17:14

Quote:

Originally Posted by moojoo

Or use my method and it will stay below the navigation regardless of the contents height.. Sheesh listen to the moojoo damnit heh. of course it has to be placed correctly and I have not looked at his source code.

yeh ill have a go at your method!

So I add the clearing div to my stylesheet. Put the Copyright bar into a PHP file and link to it! Then rap the "clearing div round the PHP?? e.g. <div class="clearing"><? include("filename.php") ?></div>. Is that correct?

Also, if the content goes below the navbar, will it pick up the copyright bar and move it down along with the content??? or will it cut through the content and remain at the bottom of the navbar??

moojoo · Aug 11th, 2006, 17:15

If you put it above the footer it should work. View the source on my site and see how I placed it. http://www.newguyinennis.com

Code: Select all

<div class="clearing">&nbsp;</div>
<div id="footer">
<p>&copy; <a href="http://www.newguyinennis.com/copyright" title="Copyright &amp; Disclaimer">M &amp; S Evans 2006</a> &brvbar; <a href="http://validator.w3.org/check?uri=referer" title="Validate this pages XHTML">XHTML</a> &brvbar; <a href="http://www.newguyinennis.com/css" title="Validate this pages CSS">CSS</a> &brvbar; <a href="http://www.newguyinennis.com/site-map" title="View our Site Map">Site Map</a> &brvbar; <a href="http://www.newguyinennis.com/rss/" title="xml_feed_title">RSS</a> &brvbar; <a href="http://www.newguyinennis.com/archives" title="Archives of articles">Archives</a> &brvbar; <a href="http://www.newguyinennis.com/links" title="Handy links">Links</a></p>
</div>

Legacy_Staff · Aug 11th, 2006, 17:58

For help with your copyright, go HERE.

djcee · Aug 11th, 2006, 18:04

Quote:

Originally Posted by moojoo

If you put it above the footer it should work. View the source on my site and see how I placed it. http://www.newguyinennis.com

Cool yeh I got it working thnx ma8 t8ke a look! Is there a way of getting a slight space between the bottom of the navbar and the copyright? Coz it looks kinda bad stuck directly to the navbar bottom!!

Is there a simple way of adding a space without creating a break in the content background image? Thanx then I'll shut up if u can tell me

moojoo · Aug 11th, 2006, 18:07

1)
<div class="clearing">
<div id="copyright">
Copyright © 2006 <a href="">Silver Ocarina</a> | Design by <a href="http://zymic.com/forum/index.php?showuser=286">Lenny</a> of <a href="http://zymic.com">Zymic</a>
</div></div>
</div>

should be

<div class="clearing"> </div>
<div id="copyright">
Copyright © 2006 <a href="">Silver Ocarina</a> | Design by <a href="http://zymic.com/forum/index.php?showuser=286">Lenny</a> of <a href="http://zymic.com">Zymic</a>
</div>

2)

add margin:8px 0 0 0; to #copyright or whatever value you want.

djcee · Aug 11th, 2006, 18:11

which one is top (2px, 0px, 0px, 0px) lol! Is it the one with 2px??

Im guessin i need to input a negative value in??

djcee · Aug 11th, 2006, 18:14

Quote:

Originally Posted by moojoo

1)
<div class="clearing">
<div id="copyright">
Copyright © 2006 <a href="">Silver Ocarina</a> | Design by <a href="http://zymic.com/forum/index.php?showuser=286">Lenny</a> of <a href="http://zymic.com">Zymic</a>
</div></div>
</div>

should be

<div class="clearing"> </div>
<div id="copyright">
Copyright © 2006 <a href="">Silver Ocarina</a> | Design by <a href="http://zymic.com/forum/index.php?showuser=286">Lenny</a> of <a href="http://zymic.com">Zymic</a>
</div>

2)

add margin:8px 0 0 0; to #copyright or whatever value you want.

do i have to put the </div> straight after the <div class> tag?? it seems to be working fine, or doesnt it matter??

moojoo · Aug 11th, 2006, 18:19

Well currently you have the div #copyright contained within the clearing div.

djcee · Aug 11th, 2006, 18:40

Quote:

Originally Posted by moojoo

Well currently you have the div #copyright contained within the clearing div.

and whats the bad thing about that? is that bad? coz the copyright bar looks ok at the moment!

moojoo · Aug 11th, 2006, 18:49

I am just a code nazi. Fix it before I have to send Dan over to you