4

Created a navigation bar and looks good in firefox then behold, in chrome and ie theres a scroll bar. How can I set the navigation so theres no scroll bar?

  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 a {
    padding-right: 10px;
  }
<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>

2

4 Answers 4

17

In your css, use overflow:hidden:

.nav div {
    display:block;
    float:left;
    width:20%;
    padding:0px;
    margin:0px;
    overflow:hidden
}

Also, your .nav div is missing a close brace

7

By changing the CSS and adding:

overflow: hidden;
3

Add the CSS overflow-y:hidden to anything scrolling. It will hide the vertical scrollbar. If it's horizontal, use overflow-x: hidden.

-2
 $(function() {
    $( "#draggable" ).draggable();//drag out of window
    $( "#draggable" ).draggable({ containment: "window"});
 });
1
  • 1
    That's not CSS, and it's not even clear that the OP has jQuery or similar installed in the project. Feb 7, 2017 at 20:10

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.