Problemer med ramme
hej eksperter... jeg er ved at lave en ny side og ville denne gang prøve at lave det hele i rammer. Disse rammer består af 8 billeder(4 hjørner+ 4kanter) der samles i en table. dette går fint i firefox men da jeg undersøgte omindholdet så tilfreds ud i IE er der hul mellem den øverste del og resten...min table ser ud som følger:
<TABLE border="0" cellspacing="0" cellpadding="0">
<TR>
<TD><div id=nvborder></div></TD>
<TD width="800px"><div id=nborder></div></TD>
<TD><div id=neborder></div></TD>
</TR>
<TR>
<TD height="100px"><div id=vborder></TD>
<TD><p>Hej alle</p></TD>
<TD><div id=eborder></div></TD>
</TR>
<TR>
<TD><div id=svborder></div></TD>
<TD><div id=sborder></div></TD>
<TD><div id=seborder></div></TD>
</TR>
</TABLE>
og mit css
#nvborder{
width: 5px;
height: 5px;
background-image: url("billeder/nvborder.bmp");
background-repeat: no-repeat;
}
#nborder{
width: 100%;
height: 5px;
background-image: url("billeder/nborder.bmp");
background-repeat: repeat-x;
}
#neborder{
width: 5px;
height: 5px;
background-image: url("billeder/neborder.bmp");
background-repeat: no-repeat;
}
#vborder{
width: 5px;
height: 100%;
background-image: url("billeder/vborder.bmp");
background-repeat: repeat-y;
}
#eborder{
width: 5px;
height: 100%;
background-image: url("billeder/eborder.bmp");
background-repeat: repeat-y;
}
#svborder{
width: 5px;
height: 5px;
background-image: url("billeder/svborder.bmp");
background-repeat: no-repeat;
}
#sborder{
height: 5px;
width: 100%;
background-image: url("billeder/sborder.bmp");
background-repeat: repeat-x;
}
#seborder{
width: 5px;
height: 5px;
background-image: url("billeder/seborder.bmp");
background-repeat: no-repeat;
}
har jeg lavet en mega brøler eller lavet en tryk fejl? kan ikke se det.. hvis måden jeg har gjort det på er helt i vejret modtager jeg også gerne forslag til andre måder at gøre dette på..