Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 04-15-2011, 11:43 PM   PM User | #1
venom6pak
New Coder

 
Join Date: Jan 2010
Location: England
Posts: 35
Thanks: 4
Thanked 0 Times in 0 Posts
venom6pak is an unknown quantity at this point
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
venom6pak is offline   Reply With Quote
Old 05-20-2011, 03:28 AM   PM User | #2
venom6pak
New Coder

 
Join Date: Jan 2010
Location: England
Posts: 35
Thanks: 4
Thanked 0 Times in 0 Posts
venom6pak is an unknown quantity at this point
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?
venom6pak is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 12:00 AM.


Advertisement
Log in to turn off these ads.