Hej har ett litet problem jag är lite dålig på att förklara men ska göra mitt bästa.
Så här är det, jag håller på att skapa en ram och den ska användas på många ställen, jag har gjort typ såhär:
<table class="nedre" width="95%">
<tr>
<td class="topLeft"> <p class="spacer"></p></td>
<td class="top" > <p class="spacer"></p></td>
<td class="topRigth"> <p class="spacer"></p></td>
</tr>
<tr>
<td class="Left"><p class="spacer"></p></td>
<td class="Box">
<!--Content----->
<!--saker inom ramen-->
<!--Content----->
</td>
<td class="Rigth"><p class="spacer"></p></td>
</tr>
<tr>
<td class="bottomLeft"> <p class="spacer"></p></td>
<td class="bottom" > <p class="spacer"></p></td>
<td class="bottomRigth"> <p class="spacer"></p></td>
</tr>
</table>
css koden ser ut såhär
.spacer
{
border:0px;
background-image:url(../images/round/spacer.png);
margin: 0px;
padding:0px;
[red]height:7px;[/red] <--------PROBLEM uppfattas inte i EXPLORER
width:8px;
}
.nedre
{
border-collapse:collapse;
}
td.topLeft
{
border:0px;
background-image:url(../images/round/box_tl13.png);
background-repeat:no-repeat;
padding:0px;
}
td.topRigth
{
border:0px;
background-image:url(../images/round/box_tr13.png);
background-repeat:no-repeat;
padding:0px;
}
td.top
{
border:0px;
background-image:url(../images/round/box_t13.png);
background-repeat:repeat-x;
padding:0px;
}
td.bottomLeft
{
border:0px;
background-image:url(../images/round/box_bl13.png);
background-repeat:no-repeat;
padding:0px;
}
td.bottomRigth
{
border:0px;
background-image:url(../images/round/box_br13.png);
background-repeat:no-repeat;
padding:0px;
}
td.bottom
{
border:0px;
background-image:url(../images/round/box_b13.png);
background-repeat:repeat-x;
padding:0px;
}
td.Left
{
border:0px;
background-image:url(../images/round/box_l13.png);
background-repeat:repeat-y;
padding:0px;
}
td.Rigth
{
background-image:url(../images/round/box_r13.png);
background-repeat:repeat-y;
padding:0px;
}
td.Box
{
background-color:#ffffff;
margin:0px;
padding:0px;
width:100%;
}
nu till problemet
i firefox funkar det jätte fint
men i ie blir det en vit kant längst upp i ramen
och det som verkar krångla är att i ie uppfattar den inte heighten i min spacer, vad jag än ändrar den till så är den alltid samma, bilden är inte högre än 7px, ritar jag däremot bilden till 12px så ser det bra ut i explorer med.
Någon som kan förklara varför inte explorer uppfattar height från css? Hoppas ni uppfattar min taskiga förklaring, annars får jag försöka igen.
Mvh Stavros