[Pro] Responsive problem: photo won't butt object above when scaling

I’ve posted a video of this problem at http://www.vividgray.com/burke_responsive_issue.mov

I’ve tried all possible alignment settings, and can’t get the photo to “follow” the block above it when I resize the window. It just adds white space, with the photo scaling, but not moving up to stay joined to the object above it. Any suggestions would be greatly appreciated.

http://www.vividgray.com/burke_responsive_issue.mov


freewaytalk mailing list
email@hidden
Update your subscriptions at:

I’ve posted a video of this problem

What would be more useful is a link to the page online.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Thanks, I posted the site-in-progress at:
http://www.vividgray.com/burke/home.html
Another thing that I can’t seem to resolve is the way the logo and menus when “centered” don’t move the same way and stay centered with each other. This is my first time to try to use the responsive features in Freeway Pro. Thanks for your help!


freewaytalk mailing list
email@hidden
Update your subscriptions at:

The problem is:

Positioning absolute and variable heights!

Assumed, you have two items.

One is from top 0, the other from top 100 (because the upper has a height of 100) - it will exactly fit. But now you decrease the width of the browser. The height of image1 will shrink to keep the aspect-ratio of your image. You’ll receive a (growing) gap the narrower your browser window because the second image has still the value top:100 (and isn’t aware of the changing of the image above).

Solution:

Only relative positioned items can react on each other. This is as well known as the inflow construction or even as box-in-box model. This ensures that everything is well kept together.

I hope you got the gist.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at: