Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to fix html document height?

  • This topic is empty.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #185140
    karan
    Participant

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

    #185153
    Paulie_D
    Member

    Could you explain more?

    Are you after some kind of sticky footer?

    #185218
    karan
    Participant

    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.

    #185234
    Paulie_D
    Member

    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.

    #185344
    karan
    Participant

    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.

    #185356
    nigelc
    Participant

    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.

    #185365
    Paulie_D
    Member

    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.

    #185445
    karan
    Participant

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

    #185447
    Paulie_D
    Member

    Not a link…images.

    #185469
    karan
    Participant

    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.

    #185470
    Paulie_D
    Member

    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.

    #185533
    karan
    Participant

    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.

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.