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

Home Forums CSS div height 100% on mobile landscape mode?

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #207933

    hi there.

    i got a problem with a spritely-div which is cut in half when scrolled in landscape mode on mobile devices (maintains same height as initial screenheight). and i just cant get it fixed. ;-(

    this is my URL:
    and i am talking about the panning clouds.

    if you turning your mobile into landscape mode and scroll down you´re getting this result:

    see the clouds cut in half?

    any idea how i can give them height:100% so they are shown uncut – just like in portrait mode?

    OR EVEN BETTER: make this div fixed? so that the clouds just stay where they are – only panning to the left (its fine, that one could only see the upper part of them) and only the text is scrolling?

    i´ve been playing around with ‘position’, ‘background-attachment’, ‘height:100vh’, ‘max-height: inherit’ etc. but couldn´t solve this tricky problem. ;-(

    thanks and greetings,

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.