IE: Leerraum bei Button-Beschriftung
Gunnar Bittersmann
- browser
@@alle:
IEs geben bei Buttons unterschiedlich viel Leerraum in Abhängigkeit der Länge der Beschriftung:
<button type="button">Lorem</button><br/>
<button type="button">Lorem ipsum</button><br/>
<button type="button">Lorem ipsum dolor</button><br/>
<button type="button">Lorem ipsum dolor sit</button><br/>
<button type="button">Lorem ipsum dolor sit amet</button>
ergibt
┌───────┐
│ Lorem │
├───────┴───────┐
│ Lorem ipsum │
├───────────────┴───────┐
│ Lorem ipsum dolor │
├───────────────────────┴─────┐
│ Lorem ipsum dolor sit │
├─────────────────────────────┴──────┐
│ Lorem ipsum dolor sit amet │
└────────────────────────────────────┘
Dabei ist es unerheblich, ob das 'button'-Element verwendet wird; bei 'input[@type="button"]' passiert dasselbe.
Mit 'padding' lässt sich dies nicht beeinflussen; damit kann man den Leerraum nur noch zusätzlich vergrößern, er bleibt aber verschieden.
Gibt es eine Möglichkeit, IEs dieses äußerst dähmliche Verhalten abzugewöhnen?
Live long and prosper,
Gunnar
Hi Gunnar!
Gibt es eine Möglichkeit, IEs dieses äußerst dähmliche Verhalten abzugewöhnen?
Also wenn du keine Lösung findest... =)
Eventuell hilft dir ja der Workaround mit linksbündigem Text. Dann hast du wenigstens den Text, oh welche Überraschung, links bündig. Die Breite müsstest du immer noch manuell angeben...
MfG H☼psel
@@Hopsel:
Gibt es eine Möglichkeit, IEs dieses äußerst dähmliche Verhalten abzugewöhnen?
Also wenn du keine Lösung findest... =)
Hm, dann gibt es keine? Bitte zeige mir jemand das Gegenteil.
Eventuell hilft dir ja der Workaround mit linksbündigem Text. Dann hast du wenigstens den Text, oh welche Überraschung, links bündig.
Was die Darstellung erst richt blöd aussehen lässt. Das Problem sind gerade die unnötig zu breiten Buttons.
Die Breite müsstest du immer noch manuell angeben...
Was wegen vieler unterschiedlicher Texte keine Option ist.
Live long and prosper,
Gunnar
Hi,
Gibt es eine Möglichkeit, IEs dieses äußerst dähmliche Verhalten abzugewöhnen?
Gebe den Buttons doch mal width:auto, und setze zu allem overflow eben diesen auf visible.
MfG ChrisB
@@ChrisB:
Gebe den Buttons doch mal width:auto,
Haben sie doch; ist doch der Defaultwert.
und setze zu allem overflow eben diesen auf visible.
Ist doch der Defaultwert. WTF??
Danke!1
Live long and prosper,
Gunnar