CODEWITHSUNDEEP
jqueryjquery-uijquery-ui-tabs
Catherine
Catherine

Reputation: 153

jquery ui tabs not resizing properly

I am trying to use JQuery UI tabs but the content doesn't seem to be resizing properly. Only the displayed tab resizes properly. This seems like it should be such a simple thing. I've tried setting: 

`width:auto` and
`width:100%`

Auto keeps the width from spilling out over the tabbed area but 100% seems to fill the tabbed area and resizes (but spills out). Please help.

Here's a link to the fiddle: http://jsfiddle.net/CatNLane/adhmxdu6/

Upvotes: 0

Views: 461

Answers (1)

John - Not A Number
John - Not A Number

Reputation: 659

The main issue with the two 100% width tabs overflowing is due to the .map divs having a width of 100%, but the surrounding divs have padding (inherited from the jquery-ui CSS file as they get a ui-tabs-panel class added). You can better see what is happening if you give the .map class a different colored background.

Upvotes: 0

Related Questions