• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1418
  • Last Modified:

jquery UI issue with tabs in ie8

having an issue with jquery tabs in ie8 at this url.  in every browser the tabs expand dynamically and cause the page to expand as expected.  In ie8 the page doesnt expand however the tab does go overtop of the other content and then off the page.

to recreate go to url below

click on More Images tab

http://mungenast.coding123.com/home/7121-2008-Lexus-ES350

seems to work fine in ie7, ie9, chrome, firefox and safari
0
InventoryMarketing
Asked:
InventoryMarketing
  • 2
1 Solution
 
SRigneyCommented:
The div with class rt-grid-12 is set to float left.   In IE in order for that floating div to expand each layer inside it must also be marked as float.

You may be able to get away with removing the float left from that element.
0
 
InventoryMarketingAuthor Commented:
Hello,

Tried remove the float: left from .rt-grid-12 with no success.   Also tried adding a float:left to the ui-tabs class

Didnt seem to help :\

Sean
0
 
David S.Commented:
Try removing "display:inline-block" from the "#vehiclepage-wrapper #vehicle" rule.
0
 
InventoryMarketingAuthor Commented:
Perfect thank you!  cant believe i missed that!  good to have a 2nd eye.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now