max-height not working?

[flight567]

ok i may have done something a bit wrong here... but i'm not sure i don't think i did.... so here's the problem. i'm working on my a website for my buddy, and for his opening page, i've made a picture with blurred edges and that jazz. that's all well and good so the problem comes when i set it to size. i can't keep it from having white space at the top and right side...

body{background-image:url("bg.jpg");
background-repeat:no-repeat;
-moz-background-size:1250px, 150%; 
background-size:1250, 150%;
}

anything especially wrong with that?
thanks all!

[Lerura]

you cannot set the size for a background. And neither can you scale it.

You can set the size for the element that have the background, and set alignment or distance from edges of the element. and if it should repeat or not

e.g.

body{background-image:url("bg.jpg");
background-repeat:no-repeat;
background-postion:top center;
}

[flight567]

really? i thought it was a new css3 thing..
http://www.w3schools.com/css3/css3_backgrounds.asp (if could look at this and tell me if i HAVE made a mistake lol. thanks)

thanks for your quick reply

i think i misunderstood. in that you can't set the bg size for the body. unfortunetly i've got it now that it's short enough but i'vestill got space on the side, no matter how long i set it to be.

[Lerura]

Well! I wasn't aware of this new property! Now I am!

But you need to specify some units, and you must remove the comma in the value.

body{background-image:url("bg.jpg");
background-repeat:no-repeat;
-moz-background-size:1250px 150%; 
background-size:1250px 150%;
}

[flight567]

ok, i'll try it. thanks!
yea, the new properties are cool lol. it's my first time using html5 and css3 in the same document lols. can you explain to me exactly what <header> or<footer> does for you? it doesn't really seem to do anything.... just saying.

[Lerura]

The header and footer tags are not supposed to do anything.

They are to define that the content are either introductory to the document (header), or author information (footer), and are typically placed in top or bottom of the document respectively

[flight567]

so after some experimentation, i've determined that it's the margin-bottom attrib later down, to vertically center some textis what's screwing me up...however i've fixed it! (px is wonderful!) so my question is, should i put the text ontop of the image or "in" it?
so they are just organizational tags?

[Lerura]

margin bottom is not for centering content.
It is to push the tag and it content away from the edges of the parent or sibling tags.

[flight567]

that explains why it did that. lol