Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jan 2010
    Location
    England
    Posts
    35
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Internet Explorer IE7 Bug Flash SWF objects

    hi guys hope you can help me with this problem i have been trying to fix a few bugs in explorer 7, my site works fine in all browsers inc explorer 8 but not 7

    ive managed to use some css hacks to specificly target IE7 and was successful at re-styling my bugs using this method

    eg..

    /*\*/
    html*#container {
    ]width: 1000px;
    ]height: 1000px;
    ]margin: 0 auto;
    ]position: relative;
    ]z-index: 4;
    }/**/
    .dummyend[id]{clear:both/*end fix using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

    the extra charachters mean explorer 8 and other newer browers ignore the styles but the problem browser ie7 uses these styles instead

    the problem is guys is that now i have one more bug it involves a 1000width container with 2 seperate swfs 200px wide that float outside of the container left and right either side its a nice effect and it works well in all browsers i have set each element with z-index so when i shrink the screen to simulate a smaller resolution of a user the swfs slide behind the container so as not to hide the site

    but in ie7 the swfs once reaching the edge of the container after i reduce the window size push the container down out of the way as there is no longer 1000px width instead of sliding behind like in all other browsers inc ie8 and so the site becomes truly broken

    can anyone help me with a solution to this as me and the client would both like to keep the animated bubbles effect for the prototype scuba diving site in question

    www.deansignori.com/divers/index.php

    plz delete url if ive broke a rule just thought ppl would have a better idea of the problem if they could see it.

    the problem occurs only in ie7, im using ie8 but if i press compatibility view it renders as ie7 and i get the ie7 bugs

    plz advise this is a real head scratcher

  • #2
    New Coder
    Join Date
    Jan 2010
    Location
    England
    Posts
    35
    Thanks
    4
    Thanked 0 Times in 0 Posts
    what no ones come accross this problem before? i cannot resolve it, when i specificily try to target ie7 with seperate stylesheet it seems to ignore ie7styles and carry on with the problem stylesheet

    below did not seem to do anything >>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <!--[if IE 7]>

    <script type="text/javascript">

    $(function() {
    var zIndexNumber = 500;
    $('div').each(function() {
    $(this).css('zIndex', zIndexNumber);
    zIndexNumber -= 5;
    });
    });

    </script>
    <![endif]-->

    and <!--[if IE]> ie7stylesheet URL <![endif]-->
    does not seem to enable me to target another stylsheet either?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •