Jump to content
yodavid

horizontal bar that lays on the bottom of the page

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.

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...