javascript - Text input gets gap when zooming out in 90%, 67%, 33% -


i'm having problem textbox input, when user zoom out page, textbox gets outside div, curiously happens when zoom 90%, 67%,33%... textbox looks fine when zoom 100%, 75%, 50%. css class looks this:

    #somedropdown .sometextbox {       margin-left: -24px;        background: #fff;        margin-top: -5px;        padding-left: 25px;       width: 100%;        zoom:1;       -ms-transform: scale(1); /* ie 9 */       -ms-transform-origin: 0 0;       -moz-transform: scale(1); /* firefox */       -moz-transform-origin: 0 0;       -o-transform: scale(1); /* opera */       -o-transform-origin: 0 0;       -webkit-transform: scale(1); /* safari , chrome */       -webkit-transform-origin: 0 0;       transform: scale(1); /* standard property */       transform-origin: 0 0;  /* standard property */     } 

the image zoomed in 90%

so, wonder if there way correct behavior, tried "position: fixed" textbox gets @ left/top , not proper behavior i'm looking for.

i used scale(1) try avoid looks different through browsers, -it has happened me before-, solve other css one:

#somedropdown .sometextbox {       margin-left: -24px;       margin-right: -20px;       background: #fff;       margin-top: -5px;       padding-left: 25px;       padding-top: 0px;       padding-bottom: 0px;       width: 100%;     } 

Comments

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

sql - MySQL query optimization using coalesce -

unity3d - Unity local avoidance in user created world -