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