Does anyone know how I can make the bottom of my vertical box fit bottom of browser? Maybe using extended div style?
Tried everything but can’t crack it!
You should have now in inspectors position dialogue top, left and bottom 0.
Now set the height to Minimum (%). This should give you in inspector’s size for height 100%.
Done.
Now the downside (at least for me):
All items going into this construction need to be (or should be) child-items of this “parent” box. The example of the other list you’re after can’t be done entirely without a deeper knowledge of inflow-constructions (aka Box-in-Box-Model).
Hi Thomas , thank you very much for your reply. I am getting desperate!
Yes, I have basic understanding of box-in-a-box mainly from your tutorials that I registered to. and have successfully made a website with images full browser width but horizontal etc.
I’ve also tried what you have suggested above to the vertical box,But still didn’t seem to work. Maybe I’ve done something wrong and will try again tomorrow following your instructions above.
I have also used the supersize background action - do you think hat might be effecting the vertical box?
I’ve cracked it thanks to Thomas reply. I was making things too complicated. I had ‘inserted’ html boxes inline within the page itself which seemed to cause the issue. Now just using the html box and ‘drawing’ onto the page seems to work.
Thank you so much. Thats a relief… oh and the background supersizer works too.
Jill
If you want to make this “inflow”, you’d have to indeed extend the div by position: fixed, top 0, left 0, bottom 0 (name/value) to achieve the same.
Drawing in is excellent - especially if it comes to content like the socialites and the language picker. Draw them in the parent (red div) and switch positioning in inspector to bottom. This means, that the position is now calculated from the bottom:
The only thing I haven’t found out yet is, how to make those bottom items “stay” preventing the menu from overlay when the browser window is made very low.
Hi Thomas,
On the original example (http://www.paparazzi.fi/) the ‘nav’ item has been given a minimum height of 350px which prevents the icons below it from crashing into the menu if the browser height becomes too small.
Regards,
Tim.
On 3 Jun 2014, at 08:23, Thomas Kimmich wrote:
The only thing I haven’t found out yet is, how to make those bottom items “stay” preventing the menu from overlay when the browser window is made very low.
… ahhh yes, got it working - puhh, pretty complicated in Freeway to set both, a min-height of 100% (for construction view purposes) in inspector and to “adjust” this by the min-height of 350px for the browser (extended dialogue).
Cool - thanks for this Tim, have to keep it in mind.