created navigation bar , looks in firefox behold, in chrome , ie theres scroll bar. how can set navigation theres no scroll bar?
<header> <div id="wrapper"> <div class="nav"> <div><a href="index.html"><img width="103px" border="0" height="24" src="nav-01_over.gif"></a></div> <div><a href="company.html"><img src="nav-02.gif" width="103px" border="0" height="24"></a></div> <div><a href="products.html"><img src="nav-03.gif" width="103px" border="0" height="24"></a></div> <div><a href="solutions.html"><img src="nav-04.gif" width="103px" border="0" height="24"></a></div> <div><a href="investors.html"><img src="nav-05.gif" width="103px" border="0" height="24"></a></div> </div> </header> header { width:800px; margin-left:auto; margin-right:auto; padding-top:-7px; margin-top:-8px; } .nav { width:600px; line-height:0px; margin-left:auto; margin-right:auto; } .nav div { display:block; float:left; width:20%; padding:0px; margin:0px; .nav img { padding-right:10px; }
in css, use overflow:hidden:
.nav div { display:block; float:left; width:20%; padding:0px; margin:0px; overflow:hidden } also, .nav div missing close brace
Comments
Post a Comment