Full Width Headers on Fixed Width Websites
The majority of web site layouts fit in one of two directions:
1. Completely fixed width (NBC.com is an example of this)
2. Completely fluid (amazon.com is an example of this)
Fluid sites, in general, have the left and rightmost extremes of their text ’stretch’ to expand to fit the visitor’s monitor or browsing window size.
Fixed width sites remain at a constant width, and the text does not stretch to accommodate monitor size or browsing window size.
Related Submissions:
- Achieving Liquid Backgrounds with Fixed Content I’ve been asked a few times by readers on how to create fluid backgrounds while maintaining a fixed width. When I was just getting my...
- A Full-Width Centered Navigation Bar This horizontal navigation bar stretches the full width of the screen but centers the navigation over your content. It’s easy, clean, and CSS-only. ...
- Fluid Images One of the really solid criticisms lobbied against my Fluid Grids article for ALA was that all of my examples were pretty text-heavy. As a...
- How to Resolve a Fluid Header/Footer Problem When the Window is Resized If you have a fluid header and footer, but the content area is a fixed size, you could run into this bug when the viewport...
- Fluid Grids - A List Apart How awesome would it be if you could combine the aesthetic rigor and clarity of fixed-width, grid-based layouts with the device- and screen size independence...