Quote:
Originally Posted by The Noob Coder
My job is basically to clean up the mess that the last guy left. So far it hasn't been fun, since he uses images to put text on a page. Who does that?
|
Probably some old guy who thinks he knows best :P
Anyway I think this should do it
Tested in: ie9, ff, chrome.
If IE 9 - Add to head
Code:
<!--[if IE 9]>
<style type="text/css">
img { position: absolute;
z-index:1;
padding-left:0px;
top:130;
}
.slider
{
padding-left: 203px;}
.myimages
{
position: absolute;
z-index:1;
left:10px;
top:130;
}
.arrow
{
z-index: 2;
padding-top: 230px;
opacity: 0.5;
}
.loading
{
color: white; text-shadow: black 0.1em 0.1em 0.2em;
font-size: 26pt;
text-align: center;
padding-top: 200px;
font-family: Arial Rounded MT, Verdana;
}
</style>
<![endif]-->
Everything else
Replace your previous styles with:
Code:
img { position: absolute;
z-index:1;
left:-13px;
top:130;
}
.slider
{
padding-left: 203px;}
.myimages
{
}
.arrow
{
z-index: 2;
padding-top: 230px;
opacity: 0.5;
}
.loading
{
color: white; text-shadow: black 0.1em 0.1em 0.2em;
font-size: 26pt;
text-align: center;
padding-top: 200px;
font-family: Arial Rounded MT, Verdana;
}
We have the same resolution, should work perfectly. :P
If not, problem with calling your styles then because it works perfect on my machine.