Ich habe folgendes Problem:
Ich habe einen Contentbereich, welchen ich mit einem schönen Rahmen beschmücken will.
Dafür habe ich folgendes HTML-Gerüst:
<table class="content_table" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="content">
{ -topic- }
</td>
<td class="tableRight">
<table class="tableRight" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="shadowRightTop"></td>
</tr>
<tr>
<td class="shadowRight"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="tableBottom" colspan="2">
<table class="tableBottom" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="shadowBottomLeft"></td>
<td class="shadowBottom"></td>
<td class="shadowBottomRight"></td>
</tr>
</table>
</td>
</tr>
</table>
Hier die dazugehörigen Stylesheeets:
.content_table{
background-color: #ffffff;
width: 896px;
text-align:left;
margin: auto;
}
.content{
width: 884px;
padding-bottom: 25px;
}
img{
border: 0;
}
.tableRight{
height: 100%;
}
.tableBottom{
width: 100%;
}
.shadowRightTop{
background-image: url(../../img/new/shadow_right_top.jpg);
background-repeat:no-repeat;
width: 20px;
height: 14px;
}
.shadowRight{
background-image: url(../../img/new/shadow_right.jpg);
background-repeat:repeat-y;
}
.shadowBottomLeft{
background-image: url(../../img/new/shadow_bottom_left.jpg);
background-repeat:no-repeat;
height: 12px;
width: 14px;
}
.shadowBottom{
background-image: url(../../img/new/shadow_bottom.jpg);
background-repeat:repeat-x;
}
.shadowBottomRight{
background-image: url(../../img/new/shadow_bottom_right.jpg);
background-repeat:no-repeat;
height: 12px;
width: 14px;
}
Hier die Bilder, welche ich verwende:
shadow_right_top
shadow_right
shadow_bottom_left
shadow_bottom
shadow_bottom_right
Im Firefox wird alles korrekt angezeigt...
Aber im IE sind 'bottom.jpg' und 'right.jpg' nicht sichtbar.
Das sind die zwei Fälle wo ich einmal repeat-x und einmal repeat-y verwende.
Was könnte ich hier vergessen haben?
Vielen Dank im voraus für eure Hilfe!!
Liebe Grüße