Spry tabbed panel not displaying correctly in IE , in other browsers it is fine, what is the fix

Spry tabbed panel not displaying correctly in IE , in other browsers it is fine, what is the fix

As an FYI: Adobe discontinued developing the Spry framework last year.  And Spry was removed from DW CC.  You can keep using Spry if you wish, but most of us have switched to other solutions that work better in IE10 and Touch Screens.
Nancy O.

Similar Messages

  • Spry Tabbed Panel not showing correctly on Remote Server

    Hi Folks,
    Here is something that is bugging me since a few days and I can't find the error or the culprit; I have the same page on another domain on the remote server and that is showing correctly. I even checked with Win Merge and the files are completely identical. It has no errors and is showing correctly on the local server. It also shows correctly in Dreamweaver CS4 or when viewed as a web page in Firefox etc.
    Link: http://www.venture-wilderness.com/services.php
    Please have a look and let me know what is happening.
    Thank you,
    zabberwan

    Hi zabberwan,
    Please have a look and let me know what is happening.
    My IE 8 show's me this (in snippets):
    and this:
    and here (http://www.venture-wilderness.com/) I can see this:
    It seems to me, that all is ok!?
    Hans-G.

  • Spry Tabbed Panels - not correct in IE but correct in Chrome and MF

    Hi,
    I'm having problems with an extension I used for a client, so I want to use the Spry tabbed panels form dreamweaver, but they in IE8 it puts all the content under each other in the first tab ??
    In Chrome and MF its correct. Do you know about this problem or is it because I did something wrong?
    see: www.zorgfilosofie.nl/index2
    The other pages where made with an extension but with that script my client can't edit with contribute. That's why I want to implement Dreamweaver Spry Tabbed Panels.
    Thanks for answering!
    Carla

    Hello there from down under J
    Het was mooi weer, maar vandaag regent het.
    Toch zijn hier in deze kamer veel zonnestralen, want het probleem is opgelost!
    I searched the whole evening for alternative but it did’t work with templates.
    With the js files the problem is solved.
    I don’t understand why the js file was not correct, because I just bought CS5.5
    Where do I have to put de file so the problem will not happen again when I make another site?
    Thanks a lot!
    Best regards and take some sun with you!
    Carla
    Van: altruistic gramps [email protected]
    Verzonden: woensdag 5 oktober 2011 2:16
    Aan: Carla Leliveld
    Onderwerp: Spry Tabbed Panels - not correct in IE but correct in Chrome and MF
    Re: Spry Tabbed Panels - not correct in IE but correct in Chrome and MF
    created by altruistic gramps <http://forums.adobe.com/people/altruistic+gramps>  in Spry Framework for Ajax - View the full discussion <http://forums.adobe.com/message/3954185#3954185

  • Spry tabbed panels not selectable and displaying everything

    I have a spry tabbed panel with 2 tabs.
    In design view, this correctly shows me the contect of each of the tabs (a different table in each) when I click on the tab.
    When I run it in live view or the browser however, it displays both tabs TOGETHER, (i.e both table) and I can't select either of the tabs.
    I've attached a screen print.
    I've tried creating a brand new page with a new tabbed panel and still get the same result.
    Any suggestions.

    Here you go,
    This is just a template with a few headers and nothing much else, plus the blank tabbed panel, I did this just to test out the panel.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="Layout3.css" rel="stylesheet" type="text/css" /><!--[if IE 5]>
    <style type="text/css">
    /* place css box model fixes for IE 5* in this conditional comment */
    .twoColFixLtHdr #sidebar1 { width: 230px; }
    </style>
    <![endif]--><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColFixLtHdr #sidebar1 { padding-top: 30px; }
    .twoColFixLtHdr #mainContent { zoom: 1; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    -->
    </style>
    <link href="SpryAssets/SpryTabbedPanels_test.css" rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
    </head>
    <body class="twoColFixLtHdr">
    <div id="container">
      <div id="header">
        <div id="Righty">
          <ul id="MenuBar2" class="MenuBarHorizontal">
        <li><a href="#">Home</a>      </li>
        <li><a href="#">Members</a></li>
      </ul>
      <p> </p>
    </div>
    Login / Register
    <div id="Middle">
      <h1 align="center">GuitarSwap</h1>
    </div>
      </div>
      <div id="sidebar1">
        <h3>Members Area</h3>
        <ul id="MenuBar1" class="MenuBarVertical">
          <li><a href="#">Item 1</a>      </li>
          <li><a href="#">Item 2</a></li>
          <li><a href="#">Item 3</a>      </li>
    </ul>
        <h3>  </h3>
      </div>
      <div id="mainContent">
        <h3>Adverts</h3>
        <!-- end #mainContent -->
      </div>
      <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
      <div id="main3">
    <div id="TabbedPanels1" class="TabbedPanels">
      <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
        <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
      </ul>
      <div class="TabbedPanelsContentGroup">
        <div class="TabbedPanelsContent">Content 1</div>
        <div class="TabbedPanelsContent">Content 2</div>
      </div>
    </div>
    <p> </p>
        <p> </p>
      </div>
      <br class="clearfloat" />
      <div id="footer">
        <p> </p>
        <!-- end #footer -->
      </div>
      <!-- end #container -->
    </div>
    <h3>  </h3>
    <script type="text/javascript">
    <!--
    var  = new Spry.Widget.MenuBar("", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
    //-->
    </script>
    </body>
    </html>

  • Spry tabbed panels not opening in IE on Vista

    Link:
    About
    page
    Link:
    Story
    page
    Spry tabbed panels on these pages display fine in Firefox and
    Safari.
    But in IE on two separate Vista-running PCs, everything
    except the tabs themselves loads, until you click refresh one or
    more times. Both PCs were on broadband connections and I checked
    each PC several times just to make sure it wasn't just an
    intermittent connection.
    Way to fix this for IE? As far as my client is concerned,
    it's a bug.

    Dear all, thanks for your replies.
    I have tried Barascu Diana's fix to both pages linked at the
    top, but am presently unable to test it on IE6. Anyone able to see
    if those tabs are now appearing?
    <DIV class="TabbedPanel" id="TabbedPanels1" style
    ="position:relative">
    (Hope I did this right?)
    I also temporarily tried kinblas' fix, but removing relative
    positioning there caused the tabs to hover over to the left of the
    page.

  • SOLVED:Tabs is not displayed correctly?

    Gang,
    I have a very strange problem which I can't really understand why APEX behaves it way it does (well I've probably told APEX to do so, but I can't understand why).
    I have 3 Parent Tabs:
    T_PAGE1
    T_REPORTS
    T_ADMIN
    All of the Parent Tabs have one or more Standard Tabs associated to them. And each Standard Tab is associated with one or more pages.
    But the strange thing is that I have associated page 3 with a std tab which then belongs to the T_REPORTS Parent Tab. If I run the page the Parent Tabs are not displayed at all, but the Standard Tab is (and also the breadcrumb). I did assign the tabs to the page when I created the page and I have retried the same thing a couple of times with the same result.
    And if I run any other page in my application I can see the Parent Tabs and if I click on the Parent Tab (T_REPORTS) the Parent Tabs disappears and I only see the std tab.
    Any ideas or is this completely confusing for you as it is for me ???
    Cheers,
    Andy
    Message was edited by: A Tael
    I should really make myself a martini and stop thinking that I can build APEX apps. The issue was that I had assigned my T_REPORTS Tab with the wrong Parent Tab. Doh!

    Glad your first experience on the Arch forums was successful. Don't forget to edit the thread title to make it say "Solved".

  • Swing Panels-not displaying correctly

    I have created a GUI using Panels. Panels are created at runtime and added to the GUI dynamically.
    But content of these panels are not displayed properly. For beg. some items appear only when I move the mouse over them. When I resize the GUI, content of the Panels are disappeared.

    In the future, Swing related questions should be posted in the Swing forum.
    Panels are created at runtime and added to the GUI dynamically.You need to use the revalidate() method on the Container that you add the panels to. This will cause the LayoutManager to be invoked and all the panels will be repainted in there new location.

  • Firefox5 is not showing BBC iPlayer Video & Radio Other browsers are all fine(Safari,IE,Chrome) The iPlayer webpage is all there but the flash video player is black. The OS is XPpro.

    Firefox5 is not showing BBC iPlayer Video & Radio.
    Other browsers are all fine(Safari,IE,Chrome)
    The iPlayer webpage is all there but the flash video player is black. The OS is MS Windows XP Professional 32-bit SP3.

    Also, when the flash video does not show up it displays the error that I do not have the current flash player. The problem is that I do have the current flash player that actually plays flash from another section of the website.
    Forgot to add that earlier.

  • Opening specific Spry tabbed panels not working or displaying in IE

    I have a tabbed panel spry widget on an asp page in Dreawmweaver (http://www.herbsmithinc.com/casedog.asp) that worked marverously across IE, Firefox and Safari until I tried to get different panels to open on load through links.  I used the following tutorial: http://foundationphp.com/tutorials/spry_url_utils.php
    Everything works as it should in Firefox and Safari but the panels all appear at once, stacked down the page in IE. Does anyone have a fix for this or see what it is I'm doing wrong?
    Thanks!!

    I added the code, but It didn't work
    I just noticed that there's an error on the page when it loads in IE:
    Webpage error details
    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6.6; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; .NET4.0E)
    Timestamp: Thu, 24 Mar 2011 15:05:33 UTC
    Message: 'Spry.Widget.TabbedPanels' is null or not an object
    Line: 292
    Char: 1
    Code: 0
    URI: http://www.herbsmithinc.com/casedog.asp
    I searched the error but didn't come up with too much.  Any other suggestions?  I really appreciate the help!!

  • Navigation panel not displaying correctly

    Hi!
    I've had this acrobat 9 pro problem for a few months but it's finally gotten to me - information displayed in the navigation panel (IE - layers, bookmarks, examine document etc) do not display properly. I can't really describe it, so here are some screen grabs. I've tried resetting the navigational pane but to no avail.
    Is this an issue that has come up before? How can i resolve it?
    Many thanks in advance.

    Hi Zootbot,
    Please try updating to the patch 9.5.5 and check.
    I have seen such an issue on Mac Mavericks but again that's not a supported environment for Acrobat 9
    Regards,
    Rave

  • Photoshop CC not displaying correct image sizes, among other issues.

    Hey, so I'd like a bit of help here!
    I got my new laptop from the school a couple of weeks ago and photoshop’s been funky ever since I got it. It’s a brand new Macbook, and it's running Photoshop CC.
    First things first, it won’t recognize some of the brushstrokes I make. It will show that I've made them, but they won’t show up in the history panel. I'll have to make another stroke for it to register both of them. (Making undoing things a real pain.) Also, some of the keyboard shortcuts I use won't work in a really similar way. If I go to switch to my brush by pressing b, it occasionally won't register it unless I make an additional brush stroke. This works with all of the other shortcuts I use.
    In addition, file sizes are all kinds of messed up. Here’s the most recent example. The image dimensions are 500px x 135px, 300DPI, 8bit, RGB color. This is at 100% zoom. Those are the settings I normally use, but for some reason it’s showing the file as about half of the size it should be. (Tumblr post for comparison—they are 500px wide.)
    Here’s another example. This one is 1254 x 1201, 300DPI, 8bit, RGB, shown at 100% zoom. The image size is 4.31M. If I go to double the size and change nothing else, the image size jumps up to a whopping 17.2M. I don’t feel like that’s right? I don't remember any other versions of Photoshop having images be that large.
    Maybe it’s my computer settings? Right now I have the resolution set on "best for display," but even if i use the "scaled" option and change sizes, the images are still too small.
    I don't know if I would be able to uninstall and then re-install Photoshop because the school has control over those sorts of things and there are certain programs that you cannot remove. I've tried restarting the program as well as the laptop, but neither of those helped.
    if anyone can help me, I’d really appreciate it! Thank you!

    For generic performance and trouble-shooting advice I’d like to recommend reading these:
    http://helpx.adobe.com/photoshop/kb/optimize-performance-photoshop-cs4-cs5.html
    http://blogs.adobe.com/crawlspace/2012/07/photoshop-basic-troubleshooting-steps-to-fix-mos t-issues.html
    As for the specifics:
    The image size is 4.31M. If I go to double the size and change nothing else, the image size jumps up to a whopping 17.2M.
    If you double the dimensions of an image the area is increased fourfold – so what is the problem there?
    The image dimensions are 500px x 135px, 300DPI, 8bit, RGB color. This is at 100% zoom. Those are the settings I normally use, but for some reason it’s showing the file as about half of the size it should be. (Tumblr post for comparison—they are 500px wide.)
    The introduction or Retina (and other high resolution) displays and browsers actually up-scaling images to accommodate those screen resolutions seems to have confused some users about the concept of pixels.
    Could you please post a full size screenshot on this Forum of the image at View > 100% in Photoshop and on tumblr?

  • When I take my IPAD to another country and try send an e-mail to friends around the world or the country I am I her message - server can not relay message but I can receive without any problem. What is the fix? All settings are correct I have no problems

    When I move from country to country. I can not send / reply to e-mails. All account settings are the same as when I was at home where there is no problem. Receiving is also not a problem when out side my resident country, what is the answer?

    The easiest fix would be to just use safari and a webmail interface.
    For example, I have yahoo in my mail app. But on some internet connections it just won't work, so I use safari to get to yahoo.com and access my mail that way.
    Your mail provider should have a web interface and you could use that.

  • Save options panel not displaying correctly on a mac - photoshop CS6

    Hi
    I am finding that when using photoshop cs6 on a mac and when saving files as png or web files - the options panel displays as black and you are unable to see any of the options.
    how do you change this?
    Thanks

    And the version of the OS you are using is a secret why?
    Boilerplate-text:
    Does turning off »Use Graphics Processor« in the Performance Preferences and restarting Photoshop have any bearing on the issue?
    Are Photoshop and OS fully updated?
    As with all unexplainable Photoshop-problems you might try trashing the prefs (after making sure all customized presets like Actions, Patterns, Brushes etc. have been saved and making a note of the Preferences you’ve changed) by keeping command-alt-shift pressed on starting the program or starting from a new user-account.
    System Maintenance (repairing permissions, purging PRAM, running cron-scripts, cleaning caches, etc.) might also be beneficial, Onyx has been recommended for such tasks.
    http://www.apple.com/downloads/macosx/system_disk_utilities/onyx.html
    Weeding out bad fonts never seems to be a bad idea, either. (Validate your fonts in Font Book and remove the bad ones.)
    http://helpx.adobe.com/photoshop/kb/troubleshoot-fonts-photoshop-cs5.html
    If 3rd party plug-ins are installed try disabling them to verify if one of those may be responsible for the problem.

  • Spry Horizontal Menu not displayed correctly in Internet Explorer 6

    Hello to everyone. I'm creating a website using David's tutorial. My Spry Horizontal Menu is correctly shown in Dreamweaver Live View, Firefox10 but not in IE6. It happears at the bottom of the page. Any advise? Thanks much in advance. Cecilia

    Hello Cecilia,
    please have a look here: http://gs.statcounter.com/#browser_version-ww-monthly-201201-201202-bar where you can see that this browser (IE6 ) is no longer in use and might not be used anywhere anymore.
    And so you should not worry about this. But if it does please send a link to your website in question.
    ... and what's about the newer IE?
    Hans-Günter

  • Collapsible Panel not displaying correctly in IE

    I have a collapsible panel in a link list that functions
    properly in FF, Safari and Opera but completely falls apart in IE 6
    and 7. Does anyone know what would cause this or how to fix it? I
    thought that swfobject might be interfering with spry in some way
    but the problem persisted even after I remove the flash content and
    script links.
    The site is here:
    http://www.madfatter.com/wordpress
    and that collapsible panel encompasses the "Related Links" button.
    Thanks for any help,

    That's exactly what I'm talking about... the page is
    completely messed up. Thanks for looking.
    However I think I discovered my problem. I had the widget
    inside ul tags which seemed to make it disappear in IE. I'm
    experimenting now and seem to be finding a solution by moving the
    list items around. I'd say I have a solution.

Maybe you are looking for