Skip navigation
mana12225
Currently Being Moderated

How do you allow the browser to overlap div content until the next responsive size is triggered?

Mar 8, 2013 3:16 PM

Tags: #dreamweaver #cs6 #responsive_layout #fluid_grid_layout_div #fixed_width

In Adobe's introduction videos for responsive web design it shows that the browser window is slimmed to trigger the ipad settings, THEN the browser window overlaps the div content until the mobile setting is triggered, rather than squeezing the page through every moment of the transition.

 

How is this accomplished? 

 

Here is the video (skip to 28s to see that the browser is actually overlapping the div content rather than squeezing it until the mobile settings are triggered)

http://tv.adobe.com/watch/cs6-creative-cloud-feature-tour-for-web/intr oduction-to-dreamweaver-cs6/

 

Thank you!

 

- C

 
Replies
  • Currently Being Moderated
    Mar 8, 2013 3:30 PM   in reply to mana12225

    For demonstration purposes, it looks like Greg has at least two separate devices in that video:  a laptop behind a tablet.   That's NOT how Fluid grids actually work in the wild.

     

    Example:

    http://alt-web.com/FluidGrid/Fluid.html

     

     

    Nancy O.

     
    |
    Mark as:

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