Skip navigation
A.king
Currently Being Moderated

How do I design a layout that scrolls, but that adapts to different screen heights?

Dec 4, 2013 8:12 AM

Tags: #design #dynamic #formatting #muse #fullscreen #height #width #monitors #adaptive #liquid #browser_scrolling #browser_size

I'm trying to design a dynamic scrolling site, similar to that on http://muse.adobe.com/ and http://www.noradsanta.org/ where the full screens adapt to both the hieght and width of the monitor/browser size that they are being viewed on. So far I have not been able to accomplish this. Each of my 'screens' only takes up the number of pixels that I have made it, and do not fill the whole height of the browser like I want them to. I know I am missing something and I bet it's pretty simple but I haven't figured it out. Some help? I've included an example of what I'm seeing VS what I want to be seeing.

 

What I AM Seeing

Screen Shot 2013-12-04 at 11.01.27 AM(2).jpg

 

 

What I WANT to be seeing

Screen Shot 2013-12-04 at 11.02.25 AM(2).jpg

 

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points