Safari not rendering CSS and javascript correctly

There seems to be a bug in Safari when dealing with CSS display property and javascript.
I've created a form that hides certain fields when the right circumstances are met, those fields become visible. However, when they become visible, through the use of javascript, they don't display in the flow of the document. For example:
[field 1]
[field 2]
[field 3]
Assume that [field 2] is hidden on initial page load. And when [field 1] is clicked, then [field 2] should appear and it should appear after [field 1]. Safari, however, displays [field 2] above [field 1] and strips it of any styles. I spent 2 hours trying to figure out what I was doing wrong, but it turns out I wasn't doing anything wrong. It's Safari that can't render this correctly because when I test it in Firefox it works fine. Just as I expected it to. I hope this gets fixed in the next update.
If anyone has any explanation or solutions or reasons for this peculiar anomaly please tell me.

If you have not done so already, make sure you also tell Apple by using the Bug Reporting item in the Safari menu.

Similar Messages

  • FF 3.6.13 not rendering css horizontal parameters correctly in one Profile but DOES in another (second account on same machine).

    This one's got me completely stumped. Web site coding is "fluid", not fixed width. Screen resolution is 1024px x 768 but the maximum width shown is only slighly over 900px, which of course renders the site's header incorrectly (width is approx. 950px).
    The SAME site, when viewed within another user account on this machine, renders properly... As it was designed, with no problem. Renders properly in other browsers AND FF3.6.13 on two different Ubuntu boxes.
    This problem began well AFTER the initial update/upgrade to 3.6.13 on a WinXP box... Was working just fine up until today.
    Is there a setting within the "Profile" that needs to change?
    CSS file validates - HTML Validates - limited javascript - PHP Pages - Cache cleared
    I have the Very Same page on a L.A.M.P. server (intrAnet server) used for development and it renders PERFECTLY (in ALL browsers).
    Since this problem just began, and other sites and other users on this machine have no problem, it seems logical the problem may lie in my "Profile" settings... Need Some Direction
    Thanks in advance!

    From my original message:
    '''''(i.e. when I double-click a PNG file in Windows Explorer, it opens in the Microsoft RAW Image Viewer... I got the desired command from the File Types tab in Windows Explorer's Tools->Folder Options).'''''
    So, apparently either english is not your first language, or you didn't bother reading my post and answered strictly by the Subject... Because the "Windows Picture and Fax Viewer" (as it was formerly called; now it's called the '''Microsoft RAW Image Viewer''') is '''already''' the default viewer for PNG files in Windows. See attached image.
    Thanks.

  • Using CSS and Javascript to display a div with flash in it, mozilla reloads the flash file!

    I am using CSS and Javascript to display a div with an
    embedded flash object in it. Mozilla Firefox reloads the flash file
    when the div is displayed! (I dont want this to happen, as it's
    unexpected functionality, my expectation would be that the flash
    file would not change it's state at all, and would remain in
    whatever state it was left in.)
    I was wondering if anyone has come across this issue and is
    there something I can do to prevent this from occurring?
    To be more specific, I have a single HTML page with 8 flash
    files embedded in it (yeah I know, it's a bit much). I am then
    using CSS and Javascript to display (via a numbered link (with an
    id)) an equivalent numbered div tag containing the flash file.
    Mozilla Firefox reloads the flash object that is in the div.
    Internet Explorer will not do this and will instead, load the flash
    object only upon initial view of the flash object. All subsequent
    links (in IE) will NOT reload the flash object on the page. I'm
    guessing this is some kind of difference in the flash player as an
    Active X object and the plugin, or is it just IE being clever? Or
    am I way off?
    Anyway, here is the code...

    I am using CSS and Javascript to display a div with an
    embedded flash object in it. Mozilla Firefox reloads the flash file
    when the div is displayed! (I dont want this to happen, as it's
    unexpected functionality, my expectation would be that the flash
    file would not change it's state at all, and would remain in
    whatever state it was left in.)
    I was wondering if anyone has come across this issue and is
    there something I can do to prevent this from occurring?
    To be more specific, I have a single HTML page with 8 flash
    files embedded in it (yeah I know, it's a bit much). I am then
    using CSS and Javascript to display (via a numbered link (with an
    id)) an equivalent numbered div tag containing the flash file.
    Mozilla Firefox reloads the flash object that is in the div.
    Internet Explorer will not do this and will instead, load the flash
    object only upon initial view of the flash object. All subsequent
    links (in IE) will NOT reload the flash object on the page. I'm
    guessing this is some kind of difference in the flash player as an
    Active X object and the plugin, or is it just IE being clever? Or
    am I way off?
    Anyway, here is the code...

  • Filting html tags, css, and javascript with regex

    hi everyone,
    im writing a small application where a user types in a url, and the text of the webpage is displayed in a text area.
    ive got it to work, however it takes some time, and also alot of content i dont want is displayed - tags, scripts and sometimes css.
    initally i filtered out the html tags with a regular expression, but i still get alot of unwanted content.
    im not a confident java programmer, and the idea of parsing html, css and javascript is the scariest idea ever to me, so my next idea is to keep only everything between the <body> tags - everything above and below it is deleted - hopefully that should leave me only with the visible content on the site.
    ive messed around with regular expressions but i cant get it to work, can anyone help out?
    thanks alot,
    Torre

    Darryl.Burke wrote:
    I tried out the regexes I posted on the source of a forum page, which is not valid html (contains two each opening and closing body tags). With a bit of trial and error I was able to remove everything upto the first, and not the second, opening tag by using a reluctant qualifier, ^.*?, but couldn't for the life of me achieve removal of only the last closing tag, leaving the other, invalid one intact. How would you do that?Regexes always try to match the first occurrence of whatever they're looking for (the sentinel), and there's no way to change that behavior (but it would be handy if you could). What you have to do instead is make sure the rest of the regex can't match the sentinel. For that you need lookahead, and the simplest way to use it is to scan the rest of the text looking for the sentinel and, if it doesn't find one, go ahead and gobble up the remaining text: "(?is)</body>(?!.*</body).*$" However, if there are many occurrences of the sentinel, you could take a serious performance hit. Here's a much more efficient way: "(?is)</body>(?:[^<]++|<(?!/body>))*+$" After matching the sentinel, this regex gobbles up anything that's not the first character of the sentinel, or the first character as long as it isn't followed by the remaining characters of the sentinel. The advantages of this regex are that it never has to backtrack, and the lookahead is only applied when it's necessary, where the first regex applies it every time.

  • CSS and JavaScript support in OHJ

    Hello,
    We're considering switching to OHJ for our cross-browser/cross-platform docs, but have concerns over the level of CSS and JavaScript support in OHJ.
    Concerning CSS, the online docs mention support for "Cascading Style Sheets (CSS) 1 and most of CSS 2". Is there a resource that specifically lists what isn't supported from CSS 2?
    Concerning JavaScript, is it currently supported? Some of the web references I've seen say that it's not currently supported (http://helponline.oracle.com/ohguide/help/state/content/vtTopicId./navSetId.blafdoc/vtTopicFile.blafdoc%7Cusing_browvers~html/navId.3/).
    Thanks,
    Mike

    Hi Mike,
    OHJ uses the ICE Browser, which we license from a company named ICESoft. It generally compares favorably with other Java-based browsers, although it is not as complete as a native browser such as IE or Firefox.
    There is a list of what is and is not supported in CSS:
    http://www.icesoft.com/developer_guides/icebrowser/htmlguide/featuresappendix3.html#86328
    We recently finally resolved the licensing issues that were holding us back from releasing a version of OHJ with JavaScript support. The current versions don't support JavaScript, but our next major release will.
    Depending on your needs, we also have OHW, which is a server based help system, that uses the client's native browser.
    Regards,
    Jeffrey Stephenson
    Oracle

  • The update "iTunes" could not be verified and expanded correctly.

    Hi all,
    I was tryng to upgrade to the latest version of iTunes and I got this message
    *The update "iTunes" could not be verified and expanded correctly.*
    *It also says: Make sure you have permission to write*
    *to /tmp/501/TemporaryItems.com.apple.SoftwareUpdate, then try again.*
    Any ideas what that means?
    Thanks,
    Anarie

    http://docs.info.apple.com/article.html?artnum=106712

  • Css and javascript getting called twice in publish mode

    Hi all,
    We are facing an issue only on publish environment that our css and javascripts are loaded twice on publish.
    On author it works fine.
    Can someone give some clue?
    Regards,
    Shallu

    Sallu,
    Can you delete /var/classes and /var/clientlibs and try again ? Is it happening on all publish instance or few of them ?
    Yogesh

  • Safari not rendering a page correctly

    A webpage I created in Dreamweaver uses drop down menus that are supposed to display just to the left of the link they drop from. In all other browsers they work correctly, but since the latest upgrade in Safari to 3.0.4 as a part of OS 10.4.11 on my Macbook, they are not rendering correctly. Instead they are appearing much further to the left where it's difficult to move the cursor to them before they disappear. Until I changed the color of the drop downs they were disappearing into the background. Any ideas why Safari is not rendering them correctly? I'd like to keep Safari as my primary browser, but if it won't render my own page correctly, what other pages might it be messing up? Address of the page is http://www.montgomeryschoolsmd.org/schools/woottonhs/ The drop downs are connected to the central column list that has small arrows beside the words. They will probably work correctly for you, but won't for me in Safari. What can I do to fix it?
    Thanks,
    KWolfrey

    Hi,
    I'm running 10.4.11 with Safari 3.0.4 and as far as I can see the menus seem to work just fine here.
    Do you have a custom stylesheet set in Safaris advanced preferences? (Some Safari enhancer applications set one even if you didn't manually set one so double check to make sure.)
    Also, do you use PithHelmet?
    One quick test you can do to help narrow down things is to try Safari in another user account. This will help us to know whether your problem is local to your account or system wide. If you don't have another account you can use System Preferences -> Accounts -> \[+\] to create a test one (and \[-\] to remove it if needed)
    Lastly, I doubt these [errors|http://validator.w3.org/check?uri=http%3A%2F%2Fwww.montgomeryschoolsmd. org%2Fschools%2Fwoottonhs%2F&charset=%28detect+automatically%29&doctype=Inline&g roup=0] have anything to do with your problem since it seems to work fine for me, but you might want to look into them at some point.

  • Safari not rendering Correctly

    Hi-
    Randomly, Safari stopped rendering sties correctly, actually, one site in particular. Gizmodo (www.gizmodo.com) only comes up as a sort of list instead of the correct full version. I've already reset Safari, clear cookies, history, temp files, etc. I also deleted the preference file, but to no avail. I'll attach a screenshot of this incorrect rendering to show you what I mean.
    Thanks!!

    Hawaiian_Starman wrote:
    Hi
    I'm wondering if this is a Network problem. Site renders correctly for me using the latest WebKit build and Safari 3.0.4. Who is your Internet Provider? Are you using an Airport or Ethernet connection?
    That would be weird because this only started happening about last week. I'll download the latest webkit and see if that helps any. My ISP is Verizon (FiOS). I am using the built in ethernet connection.
    Here are my network settings:
    Thanks for replying!
    Message was edited by: Craig Cabrey

  • Safari not loading .css files / hanging page load

    A bit of an odd one this...
    I'm having a few issues a couple of websites in that the page takes an age to load - and when (if) it does, the CSS file hasn't loaded, so the page is unstyled.
    One page is http://www.liverpoolfc.tv - the main page and the advert page before it both have the same issue.
    From the activity report, this is because the browser is not completing the download of the file http://www.liverpoolfc.tv/lfc.css - although this will download fine if I download the file not as a part of the site.
    The (Safari) activity report shows that the page's .css file is stalling, in this case at 8.0KB out of 8.6KB - this is consistent each time I try to load the page.
    The problem occurrs in both Safari (3.2.1) and Firefox (3.0.6) on Mac OS X 10.5.6. It also happens with the current version of WebKit and Camino. The computer is up to date on all other relevant patches, including the recent Security Update, Java Update 3 and Flash.
    I'm experiencing this problem with another website, again with the .css file not loading.
    Similarly, I have two computers (both the same versions of software) and the problem is consistent between them.
    What I've tried so far...
    - resetting Safari
    - deleting the cookies manually
    - using a proxy server
    - starting Safari in Rosetta
    - using a copy of Safari without any user preferences (via the System Admin login)
    None of these have made a difference. However, given that this is a problem across Safari, Firefox etc., I suspect this must be an issue in a shared component.
    Any thoughts?

    1. From the Safari menu bar, select
              Safari ▹ Preferences... ▹ Extensions
    Turn all extensions OFF and test. If the problem is resolved, turn extensions back ON and then disable them one or a few at a time until you find the culprit.
    2. From the menu bar, select
               ▹ System Preferences… ▹ Flash Player ▹ Advanced
    and click Delete All. Close the preference pane. Test.
    3. From the Safari menu bar, select
              Safari ▹ Preferences... ▹ Privacy ▹ Remove All Website Data
    and confirm. Test.

  • Crystal reports not rendering properly and toolbar is also not visible in firefox 21.0

    my application works fine in chrome and internet explorer when it comes to crystal reports but Firefox is not rendering them properly. they are disturbed and toolbar is also not visible. i am using visual studio 2008 for development and the crystal reports that come with it. it works fine on local system but have issues when deployed on online server. all my clients are facing the same problem. they have to use alternate browser for printing reports. But i would be happy if Firefox renders them correctly. Anyone can help?

    i made this change in my code using Visual studio 2005 VB
    rpt.ExportToHttpResponse(ExportFormatType.PortableDocFormat, Response,
    False, "Title you want")
    it make me a PDF and i dont need the cristal report bar to print it
    i hope you help you

  • Live View not rendering CSS

    On  a Mac OS Mavefrick, DW CC.  Mostly working fine until recently.  Now CSS changes shown in Design View not seen in Live View.  Checked syntax, made changes in CSS Designer to no effect.  Could not uninstall DW CC (alias corrupted?) but reinstalled DW CC.  Re-install had no effect. Suggestions?
    RJL

    Thanks for your suggestion but this has been a sudden, recent change.  Never had this problem before using DW CC.
    Today, I tweaked the CSS and got to a point on one of my pages (calendar.htm) where everything in Design view and Live view looked just as I wanted it.  Tested in Firefox and Chrome, still fine.  Uploaded the file to the server, opened the page in Chrome, still fine. An hour or two later I went back to calendar.htm and whereas everything was fine in Design view the CSS styling on the h4 tags were not present in Live view.  Checked the web again and the calendar.htm looked as I expected it to look (serrakck.org --> Calendar).
    Still need help.  I have a bunch of CC apps on my Macs and maybe there is some comflick with them.  Don't have any other version of DW except DW CC.

  • Safari not remembering username and password

    Hello, I have my settings set so that Safari remembers my username and passwords to make logins faster. One site I use for school has had my username and password saved since I first started using it. But all of a sudden, it's not remembering my information anymore. When I go onto the site, it doesn't automatically fill in everything like it used to. And the only way I know how to add usernames and passwords to Safaris list is when it prompts you to when on a new site. How can I "re save" my username and pasword? Any help would be much appreciated. Thank you.

    You might be able to fix it by deleting the saved password from your keychain in the Keychain Access application. Search for it by the domain name of the site.

  • TS3274 Safari not remembering usernames and passwords

    For some reason safari on my iPad will not remember usernames and passwords. Does anybody know how to fix this problem I have tried everything I know to do. Also have searches the Internet high and low for an answer and can't find anything that help. If there is anyone who is having the same trouble and knows how to fix this please help.

    JUST IN CASE SOMEONE ELSE IS GOING THROUGH THIS...
    Here is a video with a fix.
    http://youtu.be/ftkFFb0rlTs
    I had this same issue on my iphone 4s after upgrading to ios7.  I spent some time finding a solution so I figured I make a guided video. 
    I hope it's helpful. 

  • I have windows 7 but acrobat adobe pro will not down load and work correctly

    I have window 7 but acrobat adobe pro will not install correctly and work correctly with my 2020 cabinet design program, it worked on my lap top but not on my desk top

    Hi Marketing Haskin,
    Are you facing downloading issues or installation issues?
    Are you getting any error message?
    Are you downloading the installer from Adobe official website or from any third party website?
    Regards,
    Rahul

Maybe you are looking for