PDA

View Full Version : Anyone help and check out the footer please


Andrew
21-Apr-2008, 09:21 PM
Heya

Can someone check ou the footer of a site I am currently putting together for my wifes friend please

http://www.margarethudsonholistics.co.uk

The footer (copyright etc) appears a little way up the page on her PC, OK on mine.

I have checked the code and it appears fine at first glance.

Can anyone help?

Thanks

Andrew

Duncan Rounding
22-Apr-2008, 05:10 AM
Also not at the bottom on my laptop with E7.

Andrew
22-Apr-2008, 06:26 AM
As I have relied on Dreamweaver to set the template for the pages, I trusted it.

I am not an expert at coding so can someone take a look at the source code and see where the problem is please?

Andrew

leehack
22-Apr-2008, 07:00 AM
Up the page for me too, quite ironic actually with the valid css and xhtml contained in that area. Get yourself firefox and firebug, a must have for all web designers, it will show you the problem. It can only be heights, floats or positioning.

peblaco
22-Apr-2008, 08:49 AM
The footer (copyright etc) appears a little way up the page on her PC, OK on mine.

I don't think you've got a clear tag <div style="clear: both;"></div> after your left and right column so the footer is moving up.

P.S. If these are floated you can arrange the code as right column then left column in the code as it'll still perform the same but be better for SEO as it'll present the main content higher in the source code. You could provide a skip navigation link if you need to for accessibility.

Andrew
22-Apr-2008, 08:56 AM
[QUOTE=peblaco]I don't think you've got a clear tag <div style="clear: both;"></div> after your left and right column so the footer is moving up.

I am not an expert, a bit of a newbie really as I rely on Dreamweaver :confused:

So can any one tell me what I should do?

Andrew

leehack
22-Apr-2008, 09:03 AM
Have you downloaded Firefox & Firebug like mentioned (click on 'inspect' once open)? You do not have a clear problem, you have a height problem, you have defined heights for some reason and these heights are not high enough, so remove or increase them.

Andrew
22-Apr-2008, 09:12 AM
Doing it as I type now Lee

dave_finlayson
22-Apr-2008, 09:21 AM
As Lee says, it's a height issue. Look at the height of the id leftcolumn and increase or remove it.

peblaco
22-Apr-2008, 09:50 AM
You do not have a clear problem, you have a height problem, you have defined heights for some reason and these heights are not high enough, so remove or increase them.

I stand corrected at first glance I thought this was based on the Actinic left/right float template which doesn't have a clear. :D