safari & chrome loose nav position

  • Resolved bnther

    (@bnther)


    13 years, 4 months ago

    My nav bar is moving on me in Safari & Chrome, but looks good in Firefox & IE… and yes that would be Internet Explorer 🙂

    It only happens when the content expands past the longer menu on the left. In other words, when the scroll bars pop up. I’ve got the canvas set to overflow:auto; and the div holding the content set with no height parameters at all.

    You can see what I’m referring to here: http://gtworkspace.com/otsego/chamber-info-2

    Any help would be appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Paul

    (@pcgrejaldo)

    13 years, 4 months ago

    I think this has something to do with the overflow CSS property. Try changing overflow: auto; to overflow: hidden; in the div with id #canvas

    #canvas {
    background-color: #D8D8D6;
    margin: 0 auto;
    min-width: 960px;
    overflow: auto; /* change to hidden; */
    width: 960px;
}
    Thread Starter bnther

    (@bnther)

    13 years, 4 months ago

    pcgrejaldo,

    Thanks for the response.

    That fixed it 🙂

    I have to admit that I’m a little frustrated by this. All this time, I’ve misunderstood the overflow:auto; concept. I know when I set the height and width and apply hidden to it, anything that would extend past the div is hidden. It must be when a definite size is not set, that hidden just applies only to the scroll bar and not to the actual content?

    Learn something new everyday 🙂

    Thanks again for the response.
    The help was greatly appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘safari & chrome loose nav position’ is closed to new replies.