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/k...om-of-the-page



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

[Blob]

Did you find out how to do it?