This is driving me crazy

[whitebark]

I remade one of my website directories and everything has gone according to plan except one little bug I cannot kill.

If you go here:
http://www.topcanada.info/index.php?p=d
you will see that the footer floats where it should not be.

It will do the same on categories where there is less than 10 entries
http://www.topcanada.info/index.php?c=156

and finally it will do it again on sub-categories
http://www.topcanada.info/index.php?c=330

But not all of them
http://www.topcanada.info/index.php?c=306

Normally I have no problem with html php etc but this little bugger is driving me nuts! The only error I can see is an extra </div> on those pages but that is needed elsewhere on the website.

Someone throw WhiteBark a bone and help him exterminate this pest.

 

[combs84]

I really know very little about hTML and haven't created anything..but on the pages it is floating there is a coding of <div style="float: right"></div> is in front of the footer. I would think if you delete that it would stop floating..?

Just do a find: <div style="float: right"></div> and delete?

 

[Don]

Try adding...

clear:both;

To the footer div in your css file... see if that helps.

 

[GiddyUp]

for all my footers i simply put the <div id="footer"> footer </div> as the last part of the page.

my CSS typically looks something like this:

#footer
{
position: relative;
z-index: 1;
text-align: center;
}

Then you will probably want to add borders/margins/padding etc. to your liking.

If you have this, there is no reason why it should be floating - it may have something to do with your css positioning; if you haven't done so, try the "relative" positioning and see if it works

 

[jl255]

i've had the same problem before. More often than not, it was due to a misplaced </div> or additional/lacking </div>. Check that all your div are opened and closed properly and at the correct positions. If you are using FRONTPAGE, strange color fonts will also indicate some wrong syntax, missing commas, etc. Hope this solves your problem.

 

[I-Got-IT!]

I suggest you to check all your tags and make sure they're all closed properly and if the problem still persist, you might want to do some trial and error to check which is the error coming out from.

Trial and error:
1. Remove one of the content div box.
2. Preview it, if the footer still floats, the problem doesnt lies on that one.
3. Try it over and over again, you'd sure know where the problem lies on in no time.

Good luck...

 

[whitebark]

Try adding...

clear:both;

To the footer div in your css file... see if that helps.

I had a fix for IE in there - and relative positioning but that damn IE won't respect coding standards. But by simply adding your suggestion did it.

It's still floating on the 'top hits' and 'latest'... hmm now what? But i 'fixed' it by setting the maximum amount of links shown to only five. Duct-tape fix!

Bill Gates - he can make a billion dollars but he can't make a browser respect standards!

Thanks!