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
the url is visent.nybble.design
@riallio_69068 hello
If you give your section height: 100vh; it will always have the height of the viewport
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.
Ok, you can then add the 100vh height to the body and 100% height to your section
would look like this
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
you are awesome, thats working great now!