Brandon: IE7 -> zu breite Button

Hallo zusammen,

im IE7 habe ich folgendes Problem, dass z.B. dieser Button

<input type="button" value="Das ist ein sehr breiter Button, der sehr sehr sehr breit sein soll und das soll der IE7 auch anzeigen" />

falsch angezeigt wird. Falsch heißt hier, dass der IE7 links und rechts neben dem Text des Buttons einfach den Button immer breiter macht. Wenn ihr das im FF mal anschaut, so hört der Button links und rechts neben dem Text nach wenigen Pixeln auf. Der IE verzerrt das und streckt den ganzen Button unnatürlich breite auseinander. Dadurch verreist es mir natürlich auch das umgebende Layout.

Weiß jemand woran das liegt oder hat jemand da ein paar CSS-Hacks parat. Bitte bitte helft mir bei diesem wirklich doofen Problem.

Brandon

  1. Hi,

    im IE7 habe ich folgendes Problem, dass z.B. dieser Button

    [...]

    falsch angezeigt wird. Falsch heißt hier, dass der IE7 links und rechts neben dem Text des Buttons einfach den Button immer breiter macht.

    vermutlich ein padding mit Prozentwert. Bitte verwende bei Dingen, die von keinem Standardgeber jemals festgelegt wurden, nicht den Begriff "falsch".

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. hi,

      vielleicht definiere style="width:300px"

      Gruss

      1. Hello out there!

        vielleicht definiere style="width:300px"

        Vielleicht besser nicht.

        Zum einen weißt du nichts darüber, wie groß die Schrift beim Nutzer angezeigt wird, ob also 300px für die Beschriftung zu viel oder zu wenig sind. Wenn schon Breitenangabe, dann in em.

        Zum anderen werden Styleangaben sinnigerweise NICHT inline in 'style'-Attributen gemacht, sondern im zentralen Stylesheet.

        See ya up the road,
        Gunnar

        --
        „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)