Gunnar Bittersmann: IE: Leerraum bei Button-Beschriftung

@@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

--
Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)
  1. 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

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
    1. @@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

      --
      Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)
  2. 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

    --
    „This is the author's opinion, not necessarily that of Starbucks.“
    1. @@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

      --
      Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)