I’ve looked everywhere for an answer for this particular question, but found nothing useful. I’m trying to create a really simple layout in Vaadin that’s common on many websites (including this one). I’ve included a diagram with this question. Basically need a footer to stay placed after the main section at all times, if the main section is large a scrollbar will appear and allow me to scroll to the bottom. If the content is small the footer will still come after the main section normally. If the browser window is small the Footer will NOT overlap the main section (this is where I’m stuck). I’ve tried so many approaches but nothing seems to work 100%… I would like to avoid messing with CSS files (if I can) and just use Java…
Thank you
Anyone???
Hey Matt,
If I understood you correctly, the main section (or content) will expand/shrink depending on the browser window? Perhaps setting the “min-height” property of the content section’s layout would help.
Read more here:
http://css-tricks.com/almanac/properties/m/min-height/
If that doesn’t work, perhaps this might help:
https://vaadin.com/blog/-/blogs/responsive-layouts-with-vaadin-and-sass