Forums

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

Home Forums CSS [Solved] Making a div go full width or full height depending on screen size

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #188946
    willdogg
    Participant

    Hello there, I’m new to CSS and would appreciate any help! :)

    You can see the page here: http://wellcooked.co.uk/poke.html

    Currently the carousel shows 100% width on the page at all times. However with wide screen resolutions, this results in the user having to scroll the page to see the image. On narrower screen resolutions, the carousel works fine.

    Is it possible on wide screen resolutions to ensure the height of the carousel doesn’t exceed the window height? This would of course mean that the carousel wouldn’t be 100% width any more but that’s fine, the vertical height from the user’s window size would take preference.

    I’ve tried wrapping with more divs set to 100% height and width but with no luck.

    Thanks
    Dogg

    #188958
    willdogg
    Participant

    Thanks for the help!

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