5 replies [Last post]
jason7655
Offline
newbie
Last seen: 17 years 22 weeks ago
Joined: 2004-07-01
Posts: 7
Points: 0

I need some help everyone. First post here.

Here's the link to the most obvious problem I currently have.
You can have a look at the other links on the menu to see what the css is doing to it.

http://www.sufficientgrace.com/imagineministries/schedule.php

I've checked it in IE, Firefox, and Mozilla and it's still acting crazy.

No matter what I do to the height of the box above the footer, the footer still doesn't work.

Any help would be greatly appreciated.

Thanks
Jason

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 2 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

CSS Problems

Hi Jason,
For a start you have two footers showing up in the source, both with the same id. ID's should be unique on the page, use class if you want to reuse something.
You also have a typo in your css "_height".
It would be a good idea to validate the html and css, that usually helps to locate problems.

Hope that helps

jason7655
Offline
newbie
Last seen: 17 years 22 weeks ago
Joined: 2004-07-01
Posts: 7
Points: 0

Thanks

I realized I have two footers showing up, and I changed that. But if you have another look it still does it.

I've tried taking out that part of the code but it still doesn't go to the bottom.

basically the footer div is supposed to always go to the bottom of the div above it, but it's not doing it? Can you tell why from looking at the code?

Thanks
Jason

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

CSS Problems

Your layouts getting confused between relatives and absolutes; your footer is relative to your #contentholder which has a fixed height increase the height and your footer will drop with it but it will leave your #info out of sorts as it has position absolute but no top/left

Before it gets confusing Best thing to do is to go back and work through the layout flow #content has no height so it is expanding with it's text bellow the #contentholder it may help to sketch it on paper first; it will also help to clear as much extraneous CSS code out so that you can read it without getting distracted.

Good luck,

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jason7655
Offline
newbie
Last seen: 17 years 22 weeks ago
Joined: 2004-07-01
Posts: 7
Points: 0

thanks

I went back and looked at my drawing. I think I may have it. If this doesn't work I will post what it's doing.

Thanks for the help on the relative part.

I have a SMALL problem now compared to what I went through above.

http://www.sufficientgrace.com/imagineministries/

The footer doesn't look right on Mozilla or Firefox, but does just what I want it to do in IE.

Any ideas?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

CSS Problems

Try adjusting the line height of the <p> in the footer with something like

#footer>p {line-height:0px;font-size:10px;}

the font size will look better a tad smaller also increasing the height of the footer to say 25px wont hurt .

These will sort out the problems in Firefox IE will remain the same as it doesn't recognize the child selector >, if you want the styles in IE remove the > turning it into a decendent selector.

The rest of it's looking better now.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me