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: when click on of other tabs, render this:
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
Post a Comment