(HTML) Tabelle vs. Netscape

[Yakuzza]

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;

}