Compatibility

 < Day Day Up > 



This method has been tested and should work in all modern browsers past version 5.0.

Specifically for Fast Company's website, I chose to position: absolute the #nav in order to make things line up perfectly, letting the background color of the header area show through underneath. This works fine and dandy—except in Opera7/Windows, where specifying a width is necessary for absolutely positioned elements.

That's OK though; we'll just add the total width of the images to the #nav:

 #nav {   margin: 0;   padding: 0;   height: 20px;   list-style: none;   display: inline;   overflow: hidden;   width: 201px;   } 

We can now sleep at night, and Opera fans may rejoice.



 < Day Day Up > 



Web Standards Solutions. The Markup and Style Handbook
Web Standards Solutions: The Markup and Style Handbook (Pioneering Series)
ISBN: 1590593812
EAN: 2147483647
Year: 2003
Pages: 119
Authors: Dan Cederholm

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net