Question

How can I change background-image properties in body…

CSS CODE:

body
{
   background-image:url('...');
   repeat:repeat-x;
   height:100%;
}

How can I make the height value to be dynamic…(changing the height for diffrent screen sizes)?

My idea is to use Jquery to get a screen height value: $(window).height();

But i don’t really understand what to do with that in the CSS CODE…

I don’t really understand why height:100% doesn’t do the job.

Answer 1

You should also set height: 100% to the HTML tag then it will work. For example add the following like to your CSS:

HTML, BODY { height: 100%; }