Hej gruppe.
Hvis bruger en Mozialle browser og går ind på siden
www.wc3replays.dk vil i
kunne se en masse bokse uden overskrift. Disse er imidlertidigt placeret
øverst til venstre af vinduet, hvilket er en fejl! Hvis i bruger IE og går
ind på samme side kan i se hvordan det er meningen at det skal se ud.
Jeg bruger css til placering af disse "titel-bokse" og problemet opstår idet
af Mozilla ikke forstå af denne boks skal placeres ud fra en <td>'s
placering og ikke <body>'s placering.
Boksekoden er således:
<DIV STYLE="padding: 5px;">
<TABLE BORDER=0 CELLPADDING=10 CELLSPACING=0 STYLE="border-style:
solid;border-width: 1px 1px 1px 1px;border-color: #D5D5D5;background-color:
#000000;" WIDTH="400px">
<TR>
<TD HEIGHT=3 STYLE="position: relative; top: 0px; left: 0px;">
<DIV STYLE="position: absolute;top: -7px;left: 10px;border-style:
solid;border-width: 0px 0px 1px 0px;border-color: #D5D5D5;background-color:
#16181A;font-size: 12px;font-weight: bold;color: ghostwhite;white-space:
nowrap;">
Titelnbsp;
<DIV STYLE="position: absolute;top: 6px;left: 0px;width: 1px;height:
9px;font-size: 1px;background-color: #FFFFFF;"></DIV>
<DIV STYLE="position: absolute; top: 6px; right: -1px; width: 1px;
height: 9px; font-size: 1px; background-color: #FFFFFF;"></DIV>
</DIV>
</TD>
</TR>
<TR>
<TD>
Indhold
</TD>
</TR>
</TABLE>
</DIV>
Ordnet ser styles ud således:
<table>
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #D5D5D5;
background-color: #000000;"
<div> 1
position: absolute;top: -7px;left: 10px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #D5D5D5;
background-color: #16181A;
font-size: 12px;
font-weight: bold;
color: ghostwhite;
white-space: nowrap;
<div> 2 - line left
position: absolute;top: 6px;left: 0px;width: 1px;
height: 9px;
font-size: 1px;
background-color: #FFFFFF;
<div> 3 - line right
position: absolute; top: 6px; right: -1px; width: 1px;
height: 9px;
font-size: 1px;
background-color: #FFFFFF;
Hvad er det jeg skal skrive for at få den til at vide at div's skal placeres
ud fra <td>'s placering i stedet for <body>'s?