safari & chrome loose nav position

  • Resolved bnther

    (@bnther)


    14 years, 3 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: https://gtworkspace.com/otsego/chamber-info-2

    Any help would be appreciated.

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

  • 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)

    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.