css - jQuery tabs - content appearing outside the tab border -
update: need use ie8.
i want put div's inside jquery tab. content appearing it's outside of tab border:
i've tried removing border #tabs {border: none}
works i'd rather border there.
this html page (stripped down):
<div class="ui-widget"> <!-- tabs --> <h2 class="demoheaders"> codes</h2> <div id="tabs"> <ul> <li><a href="#tabs-1">gt2</a></li> <li><a href="#tabs-2">gt3</a></li> <li><a href="#tabs-3">gt4</a></li> </ul> <div id="tabs-1"> <div id="container"> <div id="questionactions"> phasellus mattis tincidunt nibh. cras orci urna, bl </div> <!-------------------------------------------add content below line----------------------------------------> <!-----------------------------------------------slide 1-----------------------------------------------> <div class="content" id="slide1"> <div class="slidetext"> <strong>nam dui erat, auctor a</strong><br /> phasellus mattis tincidunt nibh. cras orci urna, blandit id, pretium vel, aliquet ornare, felis. maecenas scelerisque sem non nisl. fusce sed lorem in enim dictum bibendum. </div> </div> </div> </div> <div id="tabs-2"> phasellus </div> <div id="tabs-3"> nam dui erat, </div> </div> </div>
this css page (stripped down):
#container { position:absolute; width:99%; height:93% } #questionactions { width:99%; height:20px; padding:5px; margin-bottom:1%; color:white; background-color:#005293; }
you need remove position:absolute
#container
.
see this fiddle
Comments
Post a Comment