Safari +tabbed panels

Have a stickler.
I have set up 5 tabbed panels. In IE the testimonial tab
displays just fine but in Safari and Mozilla it is missing.
http://www.promed.ie/serviceteam.html
Any help appreciated.
Regards
adrian

There is a one to one correspondence between the <li>
tags in the TabbedPanelsTabGroup and the elements directly
underneath the TabbedPanelsContentGroup. You have an empty
<font> tag sitting before your last div in the
TabbedPanelsContentGroup ... the widget thinks that <font>
tag contains content for your last tab. Remove that empty font tag
and things should work as expected.
--== Kin ==--

Similar Messages

  • Spry Tabbed Panels: Issue in Safar 4

    I am having an issue with Spry Tabbed Panels that only seems to happen in Safari 4. I am using Spry Tabbed Panels 1.4 through Dreamweaver CS3. The tab panel still works great. Now, though, when you select a tab, it put a blue link border around the tab itself. When you load the page the tabs are fine. It only occurs when you select a tab and only on the selected tab. I looked around for any other sites that were using tabbed panels and  it happens on those sites as well.
    I am including a site I found that has a perfect example:
    http://www.daughterskitchen.com/cookiediet.html
    Click on one of the tabs where it says about the cookie diet.
    I have looked into any way to stop this from happening. Has anyone seen this and come up with a solution?
    If you need more info, let me know.
    Thanks.

    I think your are referring to the css attribute: outline:none;
    Added outline:none; to the css rule and it should be gone.

  • Problem with Spry Tabbed Panels and Mac Safari

    On a site I'm working on I have implemented Spry Tabbed
    Panels. Everything was great until my boss looked at it on his Mac
    Safari. Spry doesn't seem to honor the 100% width, and cuts it off.
    I have looked at the CSS and don't see what is holding it up.
    Here is
    a link to a screenshot.
    The CSS that defines the width is attached.
    Can anyone help? Thanks!

    Wow, so I am the only one that has ever used Spry that
    doesn't work in Safari? I find that hard to believe.
    So let me twist this another way. Does anyone know why a div
    does not stretch 100% of it's parent in Safari?

  • Tabbed panel drops in Safari 4

    Hi -
    Any Spry/Tabbed Panel gurus out there who could take a look at this test page  http://www.wordmasterschallengeprepsite.com/2index.html
    to help me figure out why the tabbed panel drops when you click it in Safari?  Works fine in Firefox.  
    Thanks so much,
    M.
    Using CS4 running Snow Leopard/Safari 4.0.3

    Michelle O. wrote:
    Hi -
    Any Spry/Tabbed Panel gurus out there who could take a look at this test page  http://www.wordmasterschallengeprepsite.com/2index.html
    to help me figure out why the tabbed panel drops when you click it in Safari?  Works fine in Firefox.  
    Thanks so much,
    M.
    Using CS4 running Snow Leopard/Safari 4.0.3
    When I test the page in different browsers, the menu drops in varying amounts in each of the browsers. This is because each browser interprets the elements in different manners.
    I usually start any layout with a reset.css to bring the interpretations back to a common level.
    Have a look here http://developer.yahoo.com/yui/3/cssreset/ or Google reset.css for more info.
    I hope this helps.
    Ben

  • I can't view multiple images in tabbed panels in photoshop CC (do not have this problem in PS5 or 6)

    I can't set up multiple images in tabbed panels in photoshop CC (do not have this problem in PS5 or 6). Has anyone had this problem with CC and if so do they know the fix?

    I just discovered something really weird.  If I open the images in
    photoshop (and the tabs are not showing) and then open another window on
    top of photoshop (for example word or safari) , then the images and tabs
    show in the photoshop window.  But if I move Pshop to the front screen then
    the tabs disappear!

  • I have a perplexing problem, in firefox the iframe in the spry tabbed panel doesn't work any ideas?

    I have made a page with spry tabbed panels, i have embedded an iframe in the content section of the second tab, this works perfectly well with Google, IE, Safari, Opera etc but just doesnt work in Firefox.
    If I make the tab panel containing the iframe the Default tab then it works, i just cant figure out why,
    By the way new to all this so be gentle please
    <div id="main_column">
         <div class="section_w500">
            <h2>North Bali Listings</h2>
            <div id="TabbedPanels1" class="TabbedPanels">
              <ul class="TabbedPanelsTabGroup">
                <li class="TabbedPanelsTab" tabindex="0">About North Bali</li>
                <li class="TabbedPanelsTab" tabindex="0">Land</li>   <<<<< This is the tab where the iframe is embedded in the content panel>>>>>
                <li class="TabbedPanelsTab" tabindex="0">Houses / Villas /Apartments / Rooms</li>
                <li class="TabbedPanelsTab" tabindex="0">Commercial</li>
    </ul>
              <div class="TabbedPanelsContentGroup">
                <div class="TabbedPanelsContent">A property analyst recently said that limited land availability in the southern parts of Bali, especially  in and around the Badung and Denpasar areas, has driven investors northward, in our opinion   at this time it is an ideal opportunity to  acquire property still at very sensible prices in this area, be it for investment or as a place of residence.. <br />
                  <p> <img src="../../../Images/Bali Scenes General/panoramic-views.jpg" alt="views" width="183" height="140" align="left" />Over the last few of years, investors have been targeting the northern area,  principally along the coastline ,  with its variety of pristine black sandy beaches, pebble beaches and rugged coastline, offering a variety of activities; scuba diving, snorkelling,  water sports, fishing, sailing. trekking  gives this area the potential to be world-class tourist destination. Research has shown that  property prices are set to rise above the average due to increased infrastructure development, and the planned opening of a new International Airport in the North shows the Bali Government's commitment to the develop this area as a future tourist destination.<br />
                    <br />
                    The Northern part of Bali  is also an excellent base for exploration further afield, close to the main portal for trips to other parts of Indonesia. <br />
                  Although it is largely undeveloped there is a wide range of properties and land with beach front to panoramic rice paddy views still to be found at good value for money. </p>
                  <table width="100%">
                    <tr>
                      <td align="left" valign="top"><div class="AreasOfBaliHighlight" style="color: #60C; font-weight: bolder;">This is an ideal time to consider your dream property  in this area; be it for investment, development or private use.</div></td>
                    </tr>
                  </table>
                  <p> The main tourist area in the North is arguably <span style="color: #F00">Lovina</span>, with property prices reflecting this especially beach front or with panoramic views so expect to see prices a little bit more expensive in and around this area. However inland prices are still very reasonable.<br />
                    <br />
                    <img src="../../../Images/Bali Scenes General/Traditional-lifestyle.gif" alt="village life" width="188" height="137" hspace="2" align="right" />Other  areas to be found in the North going towards <span style="color: #F00">Gillimanuk</span> the main portal for the ferry to and from Java; include: <span style="color: #F00">Pemuteran</span> popular diving area, <span style="color: #F00">Menjangan</span> <span style="color: #F00">Island</span>, a popular diving and nature reserve;  are also beginning to attract investors, resulting in  prices  rising.<br />
                    The area of the North of Bali travelling East from <span style="color: #F00">Lovina</span> towards the eastern part of Bali is quieter and more rural, with stunning coastline and secluded traditional village life, here life slows down, people are very friendly and happy to integrate with &quot;Bule (Foreigner), this life style is definitely completely different to the hustle and bustle of the South of Bali, perfect for future development and peaceful retirement, and with the development of the new <span style="color: #F00">International Airport</span> in this area, about 1/2 way between <span style="color: #F00">Singaraja</span> and <span style="color: #F00">Almpura</span> in the East, which makes this area an ideal investment opportunity as property and land prices are set to grow in this part of North Bali faster than other areas.<br />
                    <br />
                    <img src="../../../Images/Bali Scenes General/img_bali_1.jpg" alt="Quiet Lanes" width="189" height="124" hspace="2" align="left" />It has to be said that facilities for schooling, medical services and shopping are not as good as in the South or around Ubud area, which have higher concentrations of  established ex pat communities, and better facilities  also the job opportunities are not anywhere near as plentiful as in the South or Ubud areas, which limits the lifestyle for many people looking to settle in Bali, careful consideration has to be given if your intention is for a place for you to reside, and it is possibly an area for consideration as an investment opportunity, or for a development of hotel or villa resort, or as a second retirement home. </p>
                  <p>There are of course facilities for all the usual services and plenty of job opportunities, and a small but growing ex-pat community, especially in and around <span style="color: #F00">Lovina</span> and <span style="color: #F00">Singaraja</span> just not as many as in the other popular areas for ex pat's. </p>
                </div>
                <div class="TabbedPanelsContent">
                  <p> </p>
                  <table width="100%" border="0">
                    <tr>
                      <td valign="top"><h7 style="color: #C03"><span style="font-weight: bold"><span style="font-size: 12px; color: #FFF;">Property Code BSP 00130101</span><span style="font-size: 16px"> </span>SAMBIRENTENG - North East Bali 7,300 meters (</span></h7>
                        <span style="font-weight: bold; color: #B90033;">73 ARE) Beach front flat wooded land for Sale/ Rent</span></td>
                      <td><span class="button_01"><a href="#" onclick="MM_openBrWindow('North Bali/Gold Package Listings/BSP-00130101/Sambirenteng  Property Location Map.html',width=750,height=200')">Location Map</a></span></td>
                    </tr>
                    <tr>
                      <td width="77%" valign="top"><p>A golden opportunity to acquire a prime plot of beach front land in the North East of Bali in an area that enjoys newly awarded &quot;Tourism Status&quot;  ideal for the development of a small hotel or villa complex, easy access to many popular tourist spots already developing in the North.</p>
                        <p> A 3 meter wide sealed road gives acces to the whole length of this prime plot of land: Electric (PLN) Water (PDAM) Telephone &amp; Internet close to hand and readilly available</p></td>
                      <td width="23%"><a href="Carousel Sambirneteng Listings.html target="_parent"></a><iframe src="Carousel Sambirneteng Listings.html" allowtransparency="yes" frameborder="no" height="111" width="156" scrolling="No" align="middle" marginheight="0"></iframe></td>
                    </tr>
                    <tr>
                      <td valign="top">Purchase price<span style="color: #33C; font-weight: bold;"> 12,500,000,000 Rp</span><br />
                        Rental Price (25 years) <span style="font-weight: bold">9,450,000,000</span> <span style="font-weight: bold">Rp</span> <span style="color: #FFF"> (<span style="font-weight: bold; color: #3333D0;"> 5,200,000 Rp</span><span style="color: #3933D5"> </span> per are per year )<br />
                          Min Rental Period 25 Years, extendable to to a max of 75 years
                          (with full &quot;Right Of Use&quot; issued by owner)</span></td>
                      <td valign="top"><p class="button_01"><a href="../Gold Package Listings/BSP-00130101/BSP00130101 Details.html">Find out more</a></p>
                        <br />
                        <span class="button_01"><a href="../Gold Package Listings/BSP-00130101/BSP00130101_Enquiry Form.html" target="_parent">Make Enquiry</a></span></td>
                    </tr>
                  </table>
                  <p><br />
                  </p>
                  <hr width="100%" noshade="noshade" />
                  <p> </p>
                </div>
    <div class="TabbedPanelsContent">Sorry we don't have any listings under this catagory at the moment,,, Check back later or register with us, and we will send you regular updates of any new properties we list.<iframe src="Carousel Sambirneteng Listings.html" allowtransparency="yes" frameborder="no" height="111" width="156" scrolling="No" align="middle" marginheight="0"></iframe></div>
                <div class="TabbedPanelsContent">Sorry we don't have any listings under this catagory at the moment,,, Check back later or register with us, and we will send you regular updates of any new properties we list.</div>
    </div>
            </div>
            <p> </p>
          <p>
            <h7 style="color: #C03"></h7>
          </p>
    <h2></h2><!-- this stays empty to put dotted line under listings block -->
         </div>
         <div class="cleaner"></div>
        </div> <!-- end of main column -->

    Could you share a link to the page?
    Seeing it in context and in our browsers is much easier to debug.
    If not, make sure to run the validator here The W3C Markup Validation Service and clear out any problems. HTML errors, especially structural ones, will cause all kinds of display problems in various browsers/versions/platforms.

  • Spry Validation in Tabbed Panel

    I've created a form that has a number of sections which I
    have separated out using a spry tabbed panel. So far, so good.
    On one of the panels, however, is a select box that is
    required, so I have used a spry validation widget to look after it.
    Now, if the select box hasn't been used then and the submit button
    is clicked while one of the other panels is open, because the
    validation widget halts the form it makes it look as though nothing
    has happened. The warning message is only visible when the correct
    panel is open.
    My question is this: how do I either (a) force the panel with
    the error on to reopen or (b) make the error message show up
    elsewhere on the page so that it is visible? I tried positioning it
    absolutely above the whole panel but it still only shows up when
    the relevant panel is oen.

    I have actually added multiple tabbed panels inside of tabbed
    panels as well as collapsible panels inside of tabbed panels and
    vise versa. This works across all browsers (IE 6 & 7, FF 2,
    Safari 2 & 3).
    The key for me was to use <div style="clear: both"> (I
    put a comment here to satisfy IE6) </div> at the bottom of
    the tab, before the closing of the tab since I was using a lot of
    floating within the tabbed panels.
    If you share some code, I'm sure someone could give you a
    more specific answer.

  • Spry Tabbed Panels mangled by IE

    I have struggled -- and failed -- to figure out why IE mangles my Spry Tabbed Panel code even though the same code is rendered perfectly by Firefox, Safari, and Dreamweaver's Live View. If you think you can help me out, please take a look at the affected web page:
    www.mulinosultevere.com/panoramic_tab.htm
    using Firefox and/or Safari and then look at it using IE. The source code, of course, is available for you to view. I would appreciate any suggestions as to how I can get IE to render the code as the other browsers do. I assume that the problem on IE has something to do with my effort to use the very long photo.since the web page snaps back into the proper position when the second tab panel is activated.
    Only the web page provided currently uses Spry Tabbed Panels. The rest of the website is live using only rollover menus. I want to upgrade the website with tabbed panels, but they have to work properly in IE, of course.
    Thanks for any help you can provide.
    -- Bill

    Thanks, Helpvid, but I don't think that is the problem. I already know that IE has to be "kicked" to start Javascript. However, if you look at my web page -- www.mulinosultevere.com/panorama_tab.htm -- you will see that IE is, in fact, recognizing the Javascript because the second tab panel is rendered correctly. My problem is with the first panel that has the very long photo. Apparently there is a problem with the Javascript/html code itself. I am still looking for a solution :-( .
    Ciao!
    -- Bill

  • 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!!

  • 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.

  • Problem with Spry Tabbed Panels with Explorer 6

    I've used Tabbed panels all over my site, and they seemed to work fine in FireFox, Safari, Explorer 7 and 8, etc. but today i checked out Explorer 6 in BrowserLab, after someone said our site looked weird.
    In EX 6 it certainly does: all the tabbed panels are preceded by about a screen's worth of empty space!
    I'd appreciate it someone could have a look at this and see if they can tell what's going on:
    See this page:
    http://www.ragandbone.ca/Pages/willows.html
    or almost any ohter page on the site!
    I'm very far from experienced in web work, so I might need step by step instructions for any fix suggested.
    Thanks in advance
    John

    Hi, John,
    Make the width of the .TabbedPanels narrower. In the course of my experiments, I ended up making it 580px, which works in IE6, according to BrowserLab. You had a simple width overrun; your widths + borders+ paddings + margins (within the content div) added up to more than the width available. You might be able to get away with slightly more width, but test it carefully when you start to add it back in...
    This might be an instance of the "doubled margin bug" (see http://www.positioniseverything.net/explorer/doubled-margin.html).
    I changed the margin on .TabbedPanels to margin: 0 auto; so that any effective centering that had been done by 'filling' the width previously was now achieved by the margin-right and margin-left set to "auto." (The zero applies to top and bottom margin.)
    I deleted the left: -40px; that you had applied to .TabbedPanelsTab and zeroed out the  right padding on .content ul, .content ol {
    padding: 0 15px 15px 0; that your threeColFixHF_RB.css had applied to all ul in the site. This might or might not actually affect anything if you don't make these same changes, but I had altered them in the course of figuring out what was going on. It's never a good policy, in my opinion, to use negative margin if you can simply correct both elements, as I did. You don't want to be progressively compensating for things you don't need anyway!
    Beth

  • Tabbed Panel issue. The tabs scroll together with the content.

    Hi,
    The idea is to "block" the tabs above, so the visitor, when scrolling a content, he can still see ALWAYS the tabs in the top, so he can change to the other tabs quickly. WIth other tabbed panels I didn't have this problem. The explorers have to do here? Mozilla, Opera?
    I use safari. DW CS5.
    If more info from me is needed please,l et me know. Help appreciated.
    I uploaded the video to Metacafe.com. I saw this video site reliable and appareantly is pretty faster to download video.
    Thx in advance for your help.
    The video of the problem is shown in the following link:
    http://www.metacafe.com/watch/6107040/tabbed_panels_issue_in_dw_cs5/

    Add/modify the following to your document
    .TabbedPanelsContentVisible {
        height: 200px;
        overflow: auto;
    Gramps
    PS Love the video

  • Spry Accordions, Tabbed Panels, and Collapsible Panels: changing colors

    I wanted to alert everyone to a great new Community article published by our very own David Powers. The article details the various best practices and methods for changing the colors of Accordion, Tabbed Panels, and Collapsible Panels widgets, including tab backgrounds, borders, and so on.
    Here's the article:
    http://kb2.adobe.com/community/publishing/504/cpsid_50437.html
    Customization questions are pretty frequent in both the Spry and Dreamweaver forums. This new styling guide is sure to answer lots of peoples' questions.
    Furthermore, the appearance of such an article is a great example of how Community content can interact and live symbiotically with Adobe Help. We've linked directly to David's piece from our own customization pages for the Spry Accordion, Tabbed Panels, and Collapsible Panels widgets:
    Customize the Accordion widget
    Customize the Tabbed Panels widget
    Customize the Collapsible Panels widget
    Thanks a lot to David for hammering out this article.
    If you're interested in publishing Community articles of your own, you can download the Community Publishing AIR application and get right to work!

    The borders you see, are called outline, its a accesiblity feature of the browsers,
    Actually called 'focus' lines  :-)
    Here's an article about the Bluefocus lines seen in Safari.
    http://www.brunobergher.com/blog/2009/01/19/safaris-blue-focus-lines/
    Without creating a Spry widget myself right now to test, but I'm sure thata there is a 'focus' rule in the css...
    trying the
    {outline:none;}
    on that rule.

  • Tabbed Panels & IE 7 Weirdness

    I have a page that contains 5 instances of the DW CS3 spry tabbed panels. All work fine in IE 8 & FF 3 on Windows (and Safari & FF on Mac).
    But in Win IE 7, the content of two of those panels is hidden on page load. The tabs and text within the tabs shows up fine, and the panels are both expanded to approximately the size they should be with content, but the content itself is hidden. Viewing the source code shows the content of those panels is rendering to the page, but it's acting as if it's hidden.
    Here's where it gets weird: If I scroll the page such that the bottom edge of the containing panel is touching the edge of the browser window, the contents suddenly appear! Scrolling further either way up or down makes the contents disappear.
    The link to the offending page:
    http://nlstage.sx.atl.publicus.com/
    The offending tabbed panels are in the right-hand column (Polls/Queries) and (Chats/Forums) ... all the other tabbed panels on the page work fine in IE 7.
    Thanks ...
    - jr

    Your page took an inordinately long time to load on my system, and I am using the browsers in which you said your page works.
    This leads me to believe that your primary difficulty is with the validation of your code.
    http://validator.w3.org/check?uri=http://nlstage.sx.atl.publicus.com/&charset=(detect+auto matically)&doctype=Inline&group=1&user-agent=W3C_Validator/1.654
    will show the report I received from the w3c validator.
    You will find some errors that relate to the Spry, and the Spry might be all right...the validator will not recognize the Spry appropriately.
    If you can work your way through validating the code on your pages, you may also fix the apparent difficulty with your Spry Tabbed Panels not showing up.
    Beth

  • Spry Tabbed Panels issue

    I'm having an issue with a footer table that is underneath my spray asset.  When you open the site in Safari, this table appears off to the side of the spry content, when I'd like it to appear beneath the content..as it is a footer..This ONLY happens in Safari! It works perfectly fine in IE, Chrome, and Firefox.
    I think it may have something to do with the fact that each content area of the tabbed panels is a different height, but I'm not sure how to go about fixing this.  Can anyone help me?
    Here's the website:
    http://www.duffsdepew.com
    Thanks so much!

    You are using Spry version 1.4. At the very least you should be using Spry version 1.6 which will likely overcome your problem.
    Even better is if you switch to Spry Tabbed Panels 2. Have a look here http://labs.adobe.com/technologies/spry/ui/
    I hope this helps.
    Ben

Maybe you are looking for