How to fix html document height?

[karan]

Html document has not fixed height which causes space in bottom in big screen resolution.
How to fix this?

[Paulie_D]

Could you explain more?

Are you after some kind of sticky footer?

[karan]

If you check google.com homepage zoom 67% you will see white space at bottom.
Instead of white space. I need to fixed the height of the document so its remain same in all screen resolution.

[Paulie_D]

I need to fixed the height of the document so its remain same in all screen resolution.

It’s still not clear what you are trying to do…anyway the above is not really possible.

A 960px high screen on desktop isn’t going to fit on a phone’s screen.

At best, you can define the max-height as 100% and the use percentages to position everything else.

Is that what you are trying to do?

Perhaps if you have some images of what your design is supposed to look like on desktop & mobile (you do have those don’t you) we can see what it is you are after.

[karan]

Yeah, I know currently its not possible to make view of mobile same as desktop. But I need to know is there any way to stick whole html body. For example when background is fixed on any resolution …There should be way for it.

[nigelc]

If you are using a background image then you could use either

background-size:contain;

or

background-size:cover;

However it isn’t clear exactly what you mean.

[Paulie_D]

Perhaps if you have some images of what your design is supposed to look like on desktop & mobile (you do have those don’t you) we can see what it is you are after.

[karan]

Hi Paulie_D,
Website link : http://karandembla.com/demos/slidesite/

[Paulie_D]

Not a link…images.

[karan]

Hi Paulie_D,
Sorry for miss-understanding.
Let me explain question in simple way. Take example of google.com and view it in 1280×950 resolution notebook. What we see big white space at bottom. That white space occur when content is less.
I want the height to remain same or increase the height to document height so its not look stretch.

One thing I want fix height in bigger screen resolution not in small like mobile.

[Paulie_D]

I want the height to remain same or increase the height to document height so its not look stretch.

One thing I want fix height in bigger screen resolution not in small like mobile.

I’m really starting to think that the language barrier we have here is insurmountable.

I don’t understand, and apparently, no-one else does, what you are trying to do…you just keep repeating the same requirement over and over again…and it’s just not clear.

If you could show us the design images (not links) of how your page should look on desktop and mobile we might be able to grasp it better.

I’m not sure what ‘zooming’ at 67% would be useful for…I can’t imagine anyone actually zooming that much….and it’s not the same as scaling a website for mobile.

A picture is worth a 1000 words

Here…a couple would be worth a lot more in making your requirements clearer.

[karan]

Actually client showed me the website and told me exact copy with little changes. I made all changes, but he told me to make height fixed of html so on bigger screen resolution no space should come.
I explain to him if there is less content then this not possible.

[Author]

Posts