CSS Help for vertical "FIXED" layout.

Hi there, im having issues due to lack of CSS knowledge. Im trying to build a webapp using wordpress and want to have like a Kiosk feel. Wherby the user cannot scroll, the header needs to be fixed as does the footer. always in view, but the main section just fills up the vertical space. I want to do this without pixel heights etc as different screen sizes etc. So need a fluid solution. Am I able to send links as a newbie without being banned?
7 Replies
Riallio
RiallioOP15mo ago
the url is visent.nybble.design
Azyrum
Azyrum15mo ago
@riallio_69068 hello If you give your section height: 100vh; it will always have the height of the viewport
Riallio
RiallioOP15mo ago
I have tried that, but its always higher and i have to scroll, i just want it to occupy all vertical space between the header and footer.
Azyrum
Azyrum15mo ago
Ok, you can then add the 100vh height to the body and 100% height to your section
Azyrum
Azyrum15mo ago
would look like this
No description
Azyrum
Azyrum15mo ago
I see you added overflow: hidden but if you remove the 55px height on the footer, it will be fixed without having to add the overflow
Riallio
RiallioOP15mo ago
you are awesome, thats working great now!
Want results from more Discord servers?
Add your server