fabs07: Inhalt Tabellzelle läßt sich nicht rechts ausrichten

Beitrag lesen

SELF-Forum

Inhalt Tabellzelle läßt sich nicht rechts ausrichten

fabs07
– Informationen zu den Bewertungsregeln

Hallo,

folgendes habe ich (aufs Wesentliche reduziert):

<table>  
<tr><td width="300">  
<a href="#" class="button"><span>Button</span></a>  
</td></tr>  
</table>

die css dazu:

a.button {  
    background: transparent url('../image/bg_button_a.gif') no-repeat scroll top right;  
    color: #8c3a3a;  
    display: block;  
    float: left;  
    font: bold 12px arial, sans-serif;  
    height: 24px;  
    margin-right: 6px;  
    padding-right: 18px;  
    text-decoration: none;  
}  
a.button span {  
    background: transparent url('../image/bg_button_span.gif') no-repeat;  
    display: block;  
    line-height: 14px;  
    padding: 5px 0 5px 18px;  
}

Ich möchte nun gerne, dass dieser Button in der Zelle rechts ausgerichtet wird. Aber egal wo und wie ich es versuche, er bleibt immer links! Ich habe auch schon um das <a> herum ein zusätzliches <div> gestezt, aber das ist ihm auch egal.

Setze ich vor und hnter den Button ein paar Zeichen

ANFANG<a href="#" class="button"><span>Button</span></a>ENDE

Dann sieht das Ergebnis so aus:
[BUTTON] ANFANGENDE

Warum ist dem so und gibt es eine Lösung dafür?

Danke
Fabs

Beitrag melden
–
Informationen zu den Bewertungsregeln