✔ Buttongröße an Schrift automatisch anpassen

[mschlegel]

Hi

Ich habe leider ein Problem mit einem Button (zum Anmelden). Die Größe des Buttons ist mittels CSS formatiert, allerdings habe ich das Problem das die Schrift im Button (oder genauer gesagt für die gesamte Seite) je nach Browser und Betriebssystem unterschiedlich groß ist und dadurch ein Teil des Textes abgeschnitten wird.

Ist es möglich die Breite automatisch anhand des Textes festzulegen so dass nichts abgeschnitten wird?

Danke

 

[Maik]

Hi,

verwende im Dokument bei allen Größenangaben (Schriftgröße, Breite, Höhe) eine relative Maßeinheit, bezogen auf die Breite des Buttons also beispielsweise width:4em.

mfg Maik

 

[mschlegel]

so ganz versteh ich das nicht. Ich habe einen Button, aber wenn ich da die Schriftgröße mittels em einstelle zerschiest es mir das Ding.

.loginbutton {
	background-color: #b3b3b3; 
	height: 20px; width: 60px; 
	border: thin;
	border-style: solid; 
	font-size: 4em;
}

 

[-Raid-]

Guten Morgen,
ich gehe mal davon aus, dass die 4em nur als Beispiel dienen sollten.
Versuch mal das:

.loginbutton {
	background-color: #b3b3b3; 
	height: 20px; width: 60px; 
	border: thin;
	border-style: solid; 
	font-size: 100%;
}

Ich bin selbst noch dabei zu lernen, sollte es nicht klappen, soll Maik mal loslegen.

 

[Maik]

Hi,

wer lesen kann, ist klar im Vorteil:

verwende im Dokument bei allen Größenangaben (Schriftgröße, Breite, Höhe) eine relative Maßeinheit, bezogen auf die Breite des Buttons also beispielsweise width:4em.

.loginbutton {
        background-color: #b3b3b3;
        height: 2em;
        width: 5em;
        border: thin;
        border-style: solid;
        font-size: 0.8em;
}

mfg Maik

 

[mschlegel]

danke. Damit ich aber beim nächsten mal nicht wieder fragen muss wärs nicht schlecht wenn mir jemand die Werte erklären könnte (bei SelfHtml hab ich auf die schnelle auch keine ausführliche Erläuterung gefunden).

 

[Maik]

Numerische Angaben

mfg Maik