IE7 -> zu breite Button

  1. brandon_kn

    brandon_kn Thread StarterMacUser Mitglied

    Mitglied seit:
    20.12.2006
    Beiträge:
    110
    Zustimmungen:
    0
    Hallo zusammen,

    na ja, das Mac-Forum ist vielleicht nicht der richtige Ort für diese obszöne Frage, aber ich versuch es dennoch mal. Im IE7 habe ich folgendes Problem, dass z.B. dieser Button

    HTML:
    <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
     
    brandon_kn, 25.01.2007
  2. wegus

    wegusMacUser Mitglied

    Mitglied seit:
    13.09.2004
    Beiträge:
    14.982
    Zustimmungen:
    1.545
    Der IE7 hat bekanntermaßen eine Reihe Probleme mit Rahmen und deren Abständen!
     
    wegus, 25.01.2007
  3. Manjo

    ManjoMacUser Mitglied

    Mitglied seit:
    25.07.2005
    Beiträge:
    903
    Zustimmungen:
    22
    Definiere die Breite des Buttons fix mit einer direkten Style-Angabe. Möglichst mit relativer Größe, damit er sich bei Schriftgrößenänderungen auch mit anpasst. Vielleicht hilfts ja!
     
    Manjo, 25.01.2007
  4. brandon_kn

    brandon_kn Thread StarterMacUser Mitglied

    Mitglied seit:
    20.12.2006
    Beiträge:
    110
    Zustimmungen:
    0
    Inline-Style für die Breite finde ich, ehrlich gesagt, nicht gerade die richtige Lösung. Weshalb soll ich den HTML-Code nur wg. dem IE aufblähen.

    Ich hab ein wenig herumgedockert und hab diesen Hack entworfen, der (zumindest bei mir) hilft:

    *+ html input {
    padding: 0 .9em 0 .55em;
    min-width: 1em;
    width: 100%;
    }

    Das Padding kann man ggf. noch ein wenig anpassen, sollte aber funzen. Ich freu mich einfach, dass ich mit den IE7-Hacks da anfange wo ich mit den IE6 Hacks aufgehört habe. Super M$
     
    brandon_kn, 25.01.2007
  5. ThaHammer

    ThaHammerMacUser Mitglied

    Mitglied seit:
    01.06.2004
    Beiträge:
    3.277
    Zustimmungen:
    13
    Ich erst! :D
    Können die es nicht einfach lassen so einen Mist zu programmieren?
     
    ThaHammer, 25.01.2007
  6. kien110

    kien110MacUser Mitglied

    Mitglied seit:
    07.12.2005
    Beiträge:
    40
    Zustimmungen:
    1
    Hi,

    Versuch´s doch mal mit dem neuesten Avant-Browser...super Ersatz für IE X

    :)
     
    kien110, 25.01.2007
Die Seite wird geladen...
Ähnliche Themen - IE7 breite Button
  1. 51percent
    Antworten:
    0
    Aufrufe:
    559
    51percent
    18.09.2012
  2. Jandakot
    Antworten:
    1
    Aufrufe:
    911
    Jandakot
    06.10.2010
  3. irenehofer
    Antworten:
    2
    Aufrufe:
    582
    irenehofer
    25.02.2010
  4. Shrike
    Antworten:
    9
    Aufrufe:
    468
  5. Minobu
    Antworten:
    19
    Aufrufe:
    1.733