Streaming live at 10am (PST)

100% height of a DIV inside of a section


#1

So, here is my situation

I want to have ONLY full width and HEIGHT web page, no scrolling and so on.

First I inserted Section, that will be holding all content inside of it. Inside that section are three DIV's. First for Header( Navigation), second for main content and third for Footer.
Now the thing is that I would like to have Main Content DIV 100% height between Header and footer. But not 100% height of a browser window.

How can I achieve that? Somehow I can not find a proper (read: working) solution...

Here is link to my Designer
https://preview.webflow.com/preview/ohranitrenutek-365b03c5fe14cfa8140a7b5d?preview=989c71b3e160270dedae23b79d260dcd

Please Help me


#2

I don't seem to understand you. % is used for measurement in regards to browser size. What are you trying to accomplish? :wink:


#3

No matter the size of a browser, Head and Footer are at the same position, right?
Space between those two are meant for content. And for that content I wish it's always filled 100% of a space available between header and footer.

Get it? :frowning:


#4

hi @dva12

Try set your OT-Body Position property as Fixed (see image below)

Cheers


#5

are you looking for a 100vh solution ? or fullpage js solution ?


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.