javascript - JQuery UI Tabs Not Displaying Correctly - Internet Explorer -


i'm trying started jquery ui tabs , i'm running issue demo have on site. runs fine me on site itself, when download source , other files run on machine, renders correctly this: correct tabs behavior when click on of other tabs, render this: incorrect tabs behavior

clicking leftmost tab makes things correct, clicking other tabs cause lines have circled not rendered. works fine me in firefox , chrome. has else seen before?

i'd grateful advice.

thanks,
-mark

i found issue. in jqueryui css. defining .ui-tabs .ui-tabs-nav li elements this:

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } 

when should be

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em -1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } 

i.e. 1px should -1px margin


Comments

Popular posts from this blog

Javascript line number mapping -

c# - Is it possible to remove an existing registration from Autofac container builder? -

php - Mysql PK and FK char(36) vs int(10) -