Click to See Complete Forum and Search --> : Layout problem with IE7


Alhazred
March 13th, 2008, 07:06 AM
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?

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

PeejAvery
March 13th, 2008, 07:50 AM
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.

Alhazred
March 13th, 2008, 08:05 AM
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

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

PeejAvery
March 13th, 2008, 08:54 AM
Is that <object> tag the code generated by Myspace? Or did you make it yourself?

Alhazred
March 13th, 2008, 09:10 AM
The code for the slideshow is generated by myspace, I had just to copy and paste it.

PeejAvery
March 13th, 2008, 09:31 AM
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?

Alhazred
March 13th, 2008, 11:01 AM
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.