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
  • #188946

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

    You can see the page here:

    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 for the help!

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