(HTML) Tabelle vs. Netscape

SalvE!

AAAAAAAAAAAAAAAAAAAAhhhhhhhhhhhh..........

Man nehme eine Tabelle in einem Frame. Jetzt möchte ich mit dieser Tabelle etwas (3 Buttons) right positionieren. Insgesamt habe ich 12 Spalten. Die erste Spalte dient zur Positionierung:

<td width="50%"><img src="navigation/spacer.gif"></td>

Ab der zweiten Spalten folgen jeweils der linke Teil eines Buttons, der Link als Text mit Hintergrundbild, und zum Schluß der rechte Teil des Buttons. (das alles dreimal)

Das Problem: Anders, als über die 50% lässt sich das ganze nicht dynamisch positionieren, da baut aber Netscape an die linken und rechten Pictures ca. 6 Pics Hintergrund. Beim einfärben sieht man, das Netscape die Spalten für die Pictures über die Breite der Pics nach rechts erweitert, obwohl alles auf genau 3 Pix begrenzt ist.

(Netscape 4.73) :mad:

Hier html und css: (musste ich etwas abändern, da es sich um ein Geschäftsprojekt handelt)

 table class="button" cellspacing="0" cellpadding="0" border="0">

<tr>

<td width="50%"><img src="navigation/spacer.gif"></td>

<td class="button"><img src="button/btn_left.gif" width="6" height="19"></td>

<td class="buttonmiddle"><a href="platzhalter.htm" title="platzhalter" target="_blank" >Vergleichsliste</a></td>

<td class="button"><img src="button/btn_right.gif" width="6" height="19"></td>

<td><img src="navigation/spacer.gif" width="6" height="1"></td>

<td class="button"><img src="button/btn_left.gif" width="6" height="19"></td>

<td class="buttonmiddle"><a href="platzhalter.htm" title="platzhalter" target="_blank" >platzhalter</a></td>

<td class="button"><img src="button/btn_right.gif" width="6" height="19"></td>

<td><img src="navigation/spacer.gif" width="6" height="1"></td>

<td class="button"><img src="button/btn_left.gif" width="6" height="19"></td>

<td class="buttonmiddle" nowrap>platzhalter</td>

<td class="button"><img src="button/btn_right.gif" width="6" height="19"></td>

</tr>

<tr>

<td><img src="navigation/spacer.gif" width="1" height="6"></td>

</tr>

</table>


und hier noch der auschnitt aus der css-Datei:


table.button

{

 margin-top:10px;

 margin-bottom:10px;

 text-align:right;

 background-color:#d3e3ed;

}


td.button

{

 height:19px;

 width:6px;

}


td.buttonmiddle

{

 background-image:url("button/btn_middle.gif");

 height:19px;

 font-family:Arial;

 font-size:11px;

 color:#ffffff;

 text-align:middle;

}