Argh :(

[Beau]

Ok, so I'm coding a layout!

http://www.zocorp.com/minigolf/

However, if you are using Firefox (like you should!), you will see that it's broken. The grassy bit should be at the bottom, instead of halfway up the page. I have no idea what I'm doing wrong, and I've looked over the problem for at least fifteen minutes now. Any help would be gladly appreciated!

Thanks :)

[Jamesy]

it's like that for Safari too.

[Dentafrice,]

add:



position: absolute;
bottom: 0px;


to footer.

[Invent]

add:



position: absolute;
bottom: 0px;
to footer.

Don't do that, as if the page has to scroll, then the footer will look stupid.

[Dentafrice,]

Well why not show him what to do then?

[RYANNNNN]

clear: both;

[Nether$]

.grass {
background-image:url(../images/grass.png);
background-repeat:repeat-x;
clear:both;
height:53px;
}

Just saw it was said above. Use FireBug addon for firefox. It will let you inspect elements on a page, edit them etc without changing the page its self.




You can find problems easily and find out what is causing them, e.g inherited property.

[Beau]

Thanks, I downloaded it, and love it so far :) I mean, I mainly develop things locally anyway, but still, it's great to see how the DOM is working etc.

Speaking of Dentrafrice's suggestion, another thing I need to work out how to do, is make the grass and footer sit at the bottom of the page. I played around with the position: tags that he suggested, but it just made it look weird... :(

[Beau]

Ignore the above post, found a solution!

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

:)

EDIT: Wait, it now stuffs up when scrolling. Great... :(

[Blob]

Did you find out how to do it?

[Tomm]

Add a height: 100% to the body.

[Beau]

Sorry, realised I didn't upload edited CSS files to my host:

http://www.zocorp.com/minigolf/

height: 100% is already applied to the body, so no avail there :(

[Verrou]

http://habboeden.com/test/

I just removed all the <br>'s from underneath the text?

[Beau]

Yeah, the line breaks are testing for expandability. If I used text, the text would just go straight over the footer, and past it, as the BRs are doing.

[Verrou]

http://habboeden.com/test/

You had the position of the footer as absolute? I just removed that and it's fine now...I added more text to test.

[Beau]

BUMP.

Sorry, but I'm starting to get rather worried, does anyone have any ideas about how I can fix this, or another suggestion to get the footer to stay down without screwing up the page when it has to scroll?

[Verrou]

Mine works?

[Beau]

I didn't notice it, sorry. Yeah, that works, however, if the content area isn't large enough, the footer won't stick. I want a solution where it works both ways.