CODEWITHSUNDEEP
javascriptjqueryhtmlcssjquery-ui
amitairos
amitairos

Reputation: 2967

jQuery UI tabs content border

I am trying to implement jQuery UI tabs in my web app.
I am using ajax functionality so that the tabs are in the main "layout" of the page and each tab contains a different web page. I want to wrap the content of the tab in aborder, but that the navigation panel of the tab won't be in the border.
I tried putting a border on the main div of the content, but I see only the top border and the rest don't appear.
Any ideas? Tab content border problem

Upvotes: 0

Views: 620

Answers (2)

William Niu
William Niu

Reputation: 15853

As Gregg's demo showed, you need a clearing element at the end of the list of floating elements. Make sure the clearing element is not (accidentally) floating (i.e. use float: none). So, you would do something like:

<div>
  <div style="float:right">foo</div>
  <div style="float:right">bar</div>
  <div style="clear:both; float:none"></div>
</div>

Upvotes: 1

Gregg
Gregg

Reputation: 35864

http://jsfiddle.net/GW5M2/

vs

http://jsfiddle.net/GW5M2/1/

Upvotes: 1

Related Questions