Why does my navigation bar move when I zoom in and out of my webpage PLEASE HELP!!!?

Question

Ive been having this trouble for ages, when I zoom in and out of my webpage the navigation bar I made the button on the end moves underneath the rest of the navigation bar,

here is my css.

/*NAVIGATION BAR*/

.navbar
{
text-align:center;
width:894px;
height:17px;
padding:3px;
border:0px solid gray;
margin-left:-1px;
margin-top:-1px;
list-style-type:none;
}



.navbar li
{
display:inline;
margin-right:20px;
}


.navbar a
{
color:black;
font-family:verdana;
float:left;
display:block;
width:124.0px;
height:19px;
text-decoration:none;
background-image:url("buttonhover.jpg");
background-repeat:repeat-x;
padding-top:2px;
padding-bottom:1px;
padding-left:0px;
padding-right:0px;
border:1px solid gray;
margin-right:1px;
}



.navbar a:hover
{
background-image:url("button.jpg");
font-family:verdana;
color:gray;
border:1px solid black;
}


/*NAVIGATION BAR END*/

Answer 1

check ur html. Are you sure all the buttons uses the same html? there in no EXTRA tags like or in the last two? why not u post ur html too?



try to increase the width little more and see...

Answer 2

Without looking at or executing your code, the problem sounds familiar. Perhaps when you zoom in and out, or resize your window, you get a scroll bar on the right side which makes your window smaller by 20 or so pixels. And your content will conform to that smaller window and it makes your stuff "jump". Try to avoid getting a scroll bar, or try to always have a scroll bar. I don't know if that is a smart solution, but...hope that helps.

Answer 3

If 'zoom' is the same as making your screen smaller. Then your navigation bar is too big for it to be smaller. I would love to see your page to give a more clear answer.

One thing you could try is to use percents instead of pixles. Then it relies on the page to tell how long it should be instead of the pixles.

Answer 4

Well, when you hold "ctrl" and use the scroller it zooms in and out; perhaps there is an issue with your "ctrl" button!

Answer 5

my windows 8 .1 does this when I move my muse it goes up so big the small we need to stop ths let me knw if get answer