Unterschiedliche Darstellung FireFox / IE

Thema wurde von stefan_elbert, 19. September 2019 erstellt.

  1. stefan_elbert
    stefan_elbert Erfahrener Benutzer
    Registriert seit:
    8. August 2017
    Beiträge:
    128
    Danke erhalten:
    5
    Danke vergeben:
    20
    #1 stefan_elbert, 19. September 2019
    Hallo Zusammen,
    beim heutigen Testen mit unterschiedlichen Browsern ist mir etwas aufgefallen was ich gerne ändern würde - leider habe ich aber keine Ahnung wo.
    Wenn ich im Firefox und im Opera den Artikel aufrufe und das Zubehör anschaue sieht es folgendermaßen aus:

    [​IMG]

    Soweit so gut. Allerdings sieht es im Internetexplorer so aus:

    [​IMG]

    HIer kann man die Zubehörteile die es gibt, aber nicht für diesen Artikel passen sehen (sind heller).

    Wo kann man einstellen, dass dies auch bei den anderen Browsern angezeit wird, denn ich finde dies für Kunden besser.

    Danke & Gruß
    Stefan
     
  2. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    #2 Anonymous, 19. September 2019
    Der IE ist auf dem Aussterbenden Ast. Der macht komische Dinge. Dafür Zeit und Geld investieren würde ich lassen.
     
  3. stefan_elbert
    stefan_elbert Erfahrener Benutzer
    Registriert seit:
    8. August 2017
    Beiträge:
    128
    Danke erhalten:
    5
    Danke vergeben:
    20
    #3 stefan_elbert, 19. September 2019
    Hallo Michael,
    ich finde gerade die Darstellung IM Internet Explorer besser und hätte diese gerne in den anderen Browsern auch.
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #4 barbara, 19. September 2019
    Das wird bei Dir im FF und Opera falsch dargestellt, da die nicht lieferbaren Werte eigentlich ausgegraut (also hellgrau) sein sollten.
    Das ist ein schönes Beispiel dafür, dass jeder Browser Dinge anders versteht :)

    Versuche es mal damit im eigenen css:
    Code:
    input[type="button" i]:disabled, input[type="submit" i]:disabled, input[type="reset" i]:disabled, input[type="file" i]:disabled::-webkit-file-upload-button, button:disabled, select:disabled, keygen:disabled, optgroup:disabled, option:disabled, select[disabled] > option {
    color: lightgrey;
}
    statt "lightgrey" kannst Du auch eine andere Farbe oder Farbcode nutzen.
     
  5. stefan_elbert
    stefan_elbert Erfahrener Benutzer
    Registriert seit:
    8. August 2017
    Beiträge:
    128
    Danke erhalten:
    5
    Danke vergeben:
    20
    #5 stefan_elbert, 19. September 2019
    Hallo Barbara,
    danke für den Tip - leider keine Ändung, acuh nach Cache-Leerung :(
     
  6. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #6 barbara, 19. September 2019
    Browser-Cache auch geleert?
    Nimm mal eine andere Farbe
     
  7. Wilken (Gambio)
    Wilken (Gambio) Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    #7 Wilken (Gambio), 19. September 2019
    Wir benutzen da soweit HTML-Standarddropdowns, darauf wirken Browser-integrierte Stile (im Unterschied zu Webseiten-integrierten Stile), und jeder Browser geht etwas anders damit um. Das kriegt man nicht einheitlich hin, solange man die Elemente nicht gegen andere Eigenbauten ersetzt.
     
  8. stefan_elbert
    stefan_elbert Erfahrener Benutzer
    Registriert seit:
    8. August 2017
    Beiträge:
    128
    Danke erhalten:
    5
    Danke vergeben:
    20
    #8 stefan_elbert, 19. September 2019
    Leider auch hier keine Änderung :( - Aber auch beim IE ändert sich die Farbe nicht auf rot (gewählte Farbe)

    Ich habe in der eingenen CSS auch das folgende stehen:

    option:disabled {
    display: none;
    }
    .categories-description-container .categories-images {
    display: none;
    }

    Kann das damit was zu tun haben?
     
  9. stefan_elbert
    stefan_elbert Erfahrener Benutzer
    Registriert seit:
    8. August 2017
    Beiträge:
    128
    Danke erhalten:
    5
    Danke vergeben:
    20
    #9 stefan_elbert, 19. September 2019
    ok, Problem gelöst. es war tatsächlich der erste Eintrag
    option:disabled {
    display: none;
    }
    den habe ich rausgenommen, nun funktioniert es. Ich wollte das wohl früher mal so haben :)

    Eine Frage hätte ich noch:
    Könnte man die Schriftart der vorhandenen Zubehörteile auf FETT ändern? Bestimmt geht das, aber wo bloß ;)