Ramme omkring billede, virker ikke i IE, men fint i Firefox!
HejEr der nogen som kan svare mig på hvorfor denne her kode ikke virker i IE, men fint i firefox. (Jeg synes alt ser fint ud!)
Jeg har oprettet en test side som kan ses her:
http://kampler.dk/hanne/test.php
(Det er hende jeg laver siden for der absolut ville have en kæmpe drop-shadow på!!!)
Her er koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Test</title>
<style type="text/css">
<!--
body {
margin-top: 50px;
margin-left: 50px;
}
.small_ramme {
}
.top_left {
width: 6px;
height: 6px;
background-image:url(images/top_left.jpg);
background-repeat:no-repeat;
float:left;
}
.top_center {
height: 6px;
background-image:url(images/top_center.jpg);
background-repeat:repeat-x;
float:left;
}
.top_right {
width: 20px;
height: 6px;
background-image:url(images/top_right.jpg);
background-repeat:no-repeat;
float:left;
}
/* TOP */
.top {
height:6px;
float:left;
}
/* MIDDEL */
.middel {
float:left;
}
/* BUTTOM */
.buttom {
height:20px;
float:left;
}
.buttom_left {
width: 6px;
height: 20px;
background-image:url(images/buttom_left.jpg);
background-repeat:no-repeat;
float:left;
}
.buttom_center {
height: 20px;
background-image:url(images/buttom_center.jpg);
background-repeat:repeat-x;
float:left;
}
.buttom_right {
width: 20px;
height: 20px;
background-image:url(images/buttom_right.jpg);
background-repeat:no-repeat;
float:left;
}
.img_m {
margin: 0px;
float:left;
}
.right_center {
width: 20px;
background-image:url(images/right_center.jpg);
background-repeat:repeat-y;
float:left;
}
.left_center {
width: 6px;
background-image:url(images/left_center.jpg);
background-repeat:repeat-y;
float:left;
}
-->
</style>
</head>
<body>
<div class="small_ramme" style="width: 226px; height: 326px;">
<div class="top_left"></div><div class="top_center" style="width: 200px;"></div><div class="top_right">
</div><div class="left_center" style="height: 300px;"></div><a href="#"><div class="img_m" style="background-image:url(test/1.jpg); background-repeat:no-repeat; width: 200px; height: 300px;"></div></a><div class="right_center" style="height: 300px;"></div>
<div class="buttom_left"></div><div class="buttom_center" style="width: 200px;"></div><div class="buttom_right"></div></div></body>
</html>
Jeg kan simplehen ikke finde en løsning, så jeg ville være meget glad for hvis nogen kunne finde en hack eller noget.
På forhånd tak...
