|
-
March 13th, 2008, 07:06 AM
#1
Layout problem with IE7
I'm creating a myspace, I've added a different layout instead of the standard one, the problem is that with this layout IE7 has a constant CPU usage of 100% and it makes the slideshows visualization really slow.
At first I thought it was due to a large amount of images, so I reduced them passing from 150 pics for a total of 25MB to 80 pics for a total of 4.8MB, but nothing changed. Today I have done a try removing my layout and using the standard one (no other changes), IE7 has a CPU usage under 40% and the slideshow has the correct speed.
I attach the layout code here, do you see anything that could cause such a behavior in IE7?
Code:
<style>
body.bodyContent {
background-color: rgb(0, 0, 0);
background-image: url(http://img178.imageshack.us/img178/6079/dragon3ro9.jpg);
background-position: top left;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 1px;
}
table table {
border: 1px;
}
table table table table{
border: 1px;
}
table table table {
border-width: 1px;
border-color: rgb(255, 255, 0);
border-style: dashed;
background-color: rgb(0, 0, 0);
}
table table,table table table table,table table table td {
filter:alpha(100);
-moz-opacity: 1;
opacity: 1;
-khtml-opacity: 1;
}
table table table table td {
filter:none;
}
General,body,div,p,strong,td,textarea,input,.text,span.redtext,span.redbtext,span.blacktext10,span.blacktext12 {
font-family: Verdana;
font-size: 12px;
color: rgb(255, 255, 0);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Georgia;
font-size: 20px;
color: rgb(255, 255, 0);
font-weight: bold;
font-style: italic;
text-decoration: none;
display: block;
}
.whitetext12, .orangetext15 {
font-family: Verdana;
font-size: 12px;
color: rgb(255, 255, 0);
font-weight: normal;
font-style: normal;
text-decoration: none;
}
AllLinksNormal,a,a:link,a:visited,a.man,a.man:link,a.man:visited,a.navbar,a.navbar:link,a.navbar:visited,a.redlink,a.redlink:link,a.redlink:visited,a.searchlinkSmall,a.searchlinkSmall:link,a.searchlinkSmall:visited,a:hover,a:active,a.man:hover,a.man:active,a.navbar:hover,a.navbar:active,a.redlink:hover,a.redlink:active,a.searchlinkSmall:hover,a.searchlinkSmall:active {
color: rgb(255, 255, 255);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
AllLinksHover,a:hover,a:active,a.man:hover,a.man:active,a.navbar:hover,a.navbar:active,a.redlink:hover,a.redlink:active,a.searchlinkSmall:hover,a.searchlinkSmall:active {
color: rgb(255, 0, 0);
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style>
-
March 13th, 2008, 07:50 AM
#2
Re: Layout problem with IE7
CSS/HTML will not affect the processor to that extent. They will take a little while loading, but then return to normal.
What form of Flash content do you have on your page? JavaScripts? Those will be what affect the processor.
If the post was helpful...Rate it! Remember to use [code] or [php] tags.
-
March 13th, 2008, 08:05 AM
#3
Re: Layout problem with IE7
I thought the same as you, but the problem disappears only if I remove that code. I've tried reducing the numbers of slideshows from 4 with 150 pics to 1 with 15pics and removing all the 3 youtube videoclips but nothing to do, the slideshow is slow anyway.
There are lots of myspaces with more than 2 slideshows and lots of youtube videoclips that have no problems. I've tried with Firefox and it has no problem even with the 4 slideshows with 150 pics and the 3 videoclips with that layout, but it slows down as IE7 if I add a transparency to the tables.
That's why I think the problem is in that code.
Slideshows code is like this
Code:
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" height="320" width="426" data="http://lads.myspace.com/slides/slideshow_random.swf?u=353299817&aid=111474">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://lads.myspace.com/slides/slideshow_random.swf?u=353299817&aid=111474" />
<param name="flashvars" value="culture=it-IT" />
<param name="wmode" value="transparent" />
</object>
-
March 13th, 2008, 08:54 AM
#4
Re: Layout problem with IE7
Is that <object> tag the code generated by Myspace? Or did you make it yourself?
If the post was helpful...Rate it! Remember to use [code] or [php] tags.
-
March 13th, 2008, 09:10 AM
#5
Re: Layout problem with IE7
The code for the slideshow is generated by myspace, I had just to copy and paste it.
-
March 13th, 2008, 09:31 AM
#6
Re: Layout problem with IE7
So, IE doesn't like transparency with the Flash. Instead of using transparency in the tables, why don't you use a semi-transparent PNG as the background to the tables?
If the post was helpful...Rate it! Remember to use [code] or [php] tags.
-
March 13th, 2008, 11:01 AM
#7
Re: Layout problem with IE7
It seem we are on the same wavelength...
I was here now to write my solution and I see your suggestion that is the same.
I've just put a black png with 93% of opacity and it works.
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|