Tobias Braun: <button> padding lässt nicht auf 0 reduzieren

Beitrag lesen

Keine Sorge, das TD war nur ein Beispiel.

Mittlerweile habe ich auch eine Lösung gefunden. Firefox hat in der Tat Browserspezifische CSS Einstellung, mit diesem CSS kann man es für den Firefox lösen:

button::-moz-focus-inner { padding: 0; border: none; }

Warum das ganze? Der Button hat ein Background Image und mit dem DIV Container möchte ich ein Icon für verschiedene Buttons einbinden. Klappt jetzt auch wirklich gut :-)

Danke euch für die Hilfe.

Tobi

@@Tobias Braun:

nuqneH

Gerade bei Formularelementen haben Browser manchmal ihre eigen Vorstellungen.

<td><button type="button"><div class="button-login">Anmelden</div></button></td>

Höhe und Breite habe ich schon getestet funktioniert allerdings auch nicht, der Rand bleibt.

div.button-login

{
  margin-top: -1px;
  margin-left: -3px;
}


>   
> per Hacks für die Browser, für die es gelten soll.  
>   
> Was soll diese abenteuerliche Konstruktion überhaupt? Wozu ein 'div' (oder anderes Element) innerhalb des 'button'?  
>   
> Und das Ganze in 'td'? Gehört ein Button zu tabellarischen Daten? Kann ich mir kaum vorstellen.  
>   
>   
> > hier mal die testseite: <http://www.visionworks.de/csstest.html>  
>   
> Hier mal die Hilfe: <http://forum.de.selfhtml.org/hilfe/bedienung.htm#verweise-einbinden>  
>   
> Qapla'