<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Floating Header</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; } /* Style for the floating header container */ .header-container {… Continue reading Styles for creating static headder
Tag: static header
How to keep the header static, always on top while scrolling?
Use position: fixed on the div that contains your header, with something like In this example, when #content starts off 100px below #header, but as the user scrolls, #header stays in place. Of course it goes without saying that you’ll want to make sure #header has a background so that its content will actually be… Continue reading How to keep the header static, always on top while scrolling?