I’m trying to stretch elements to the entire viewport height minus the footer at the bottom. I’ve browsed the forums for a while and I think I’m very close. The solution seems to be to set an HTML with the following code. < style> #list { height: 100vh !important; } < /style> Which successfu…

height: calc(100vh - 100px) !important; I use it in my apps and even extend the calculation to divide sometimes too [image] fire Classify 4: A tiny plugin that brings CSS classes and + Showcase Thanks for that. I am going to have to try this out tomorrow. I was pretty e…

Ah this worked, thank you. When I did it the first time I set to 86px (the size of my footer) and it looked like it didn’t work. But when I set it to a large number like 300px it works. So the px value in the script doesn’t match the px value in the developer, or something…

If you are testing on a mobile device is probably the use of the 100vh that is off…the mobile devices viewport and browser window height are different. When working on mobile, I use the browser plugin to capture on page load the browser height to use instead of 100vh in my CSS…of course there can b…

so I just found out that while this solution stretches the repeating group to fit perfectly, it doesnt function properly. If the repeating group is hard coded to 500 px, and it stretches to a larger viewport to be 1000px, the data only fills the repeating group up to 500 px and then cuts off, so th…

CSS Viewport Height (vh) minus Pixels (px)

Need help

boston85719 March 14, 2021, 8:02pm 2

height: calc(100vh - 100px) !important;

I use it in my apps and even extend the calculation to divide sometimes too

Topic		Replies	Views
Custom CSS calc() Responsiveness	2	1702	March 8, 2023
Help - change group sizing dynamically by % instead of px Need help	1	579	January 27, 2023
Get viewport Height in pixels using javescript and css Need help	4	4921	November 19, 2017
How do I set height to 100% vh? Need help	6	4720	June 11, 2021
New Responsive Engine - Page Hight as Viewport? New Responsive Engine	1	579	March 30, 2022

CSS Viewport Height (vh) minus Pixels (px)

Related topics