Jump to content

horizontal bar that lays on the bottom of the page


yodavid

Recommended Posts

i'm writing this website with flask, and it's a single html thing, with divs that are hidden and shown depending on what tab you want to see, however, i need a div that's an horizontal bar at the bottom of the page, and it's supposed to stay on the bottom of the page regardless of which divs are being shown (currently, if none of the divs are shown), this horizontal bar i made doesn't sit at the bottom of the page. i'm not familiar at all with css, i'm using w3-css though.

Link to comment
Share on other sites

You need a container that will surround everything  but the footer, this container  should have min-height: 100%; the footer will have a negative top margin of the height of the footer. Finally give html, body height  of 100%.

Edited by dsonesuk
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...