Darstellungs Probleme in Chrome

  • Kann mir jemand erklären warum sich das aussehen in meinem Fall so stark in Chrome von Firefox unterscheidet und was ich dagegen machen kann?


    Habe mal ein fiddle erstellt, den unterschied sieht man aber nur so wirklich wenn man das Result Feld groß genug zieht.


    https://jsfiddle.net/aofes32L/1/


    HTML:

  • Achso vielleicht noch wichtig benutze Chrome in der Version Version 72.0.3626.109 (Official Build) (64-bit) und Firefox 66.0.2 (64-bit).

  • geht dir es darum das dein textare Feld die ganze breite nimmt und die anderen Felder nicht ?


    Bevor ich weiter rede solltest du deine Fehler ausbauen ?

    Ein Element hat nur einmal das attribute class , dein textare hat 2.

    Deine <option> haben ein > zu viel. Die müssen da auch raus.


    Dann sehen wir mal weiter



    EDIT:

    ok in firefox sieht es ganz anders aus. ie hättest du es de gerne ?, wie im firefox ?

    Dieser Beitrag wurde bereits 1 Mal editiert, zuletzt von basti1012 ()

  • Da hast du natürlich recht, ja wie im Firefox soll es aussehen.

    In Chrome scheint sich da irgendwie rechts noch margin nach rechts rein zu schummeln.

    Wenn ich display flexentferne werden in Chrome die Elemente hintereinander angeordnet, aber sie sind dann halt nicht so positioniert wie sie es sein sollen.


    Hier nochmal das aktualisierte HTML:


    https://jsfiddle.net/njdf6m8x/1/

    Dateien

    • chrome.png

      (53,79 kB, 1 Mal heruntergeladen, zuletzt: )
    • firefox.png

      (42,4 kB, 2 Mal heruntergeladen, zuletzt: )
  • Oh krass tatsächlich wenn ich das selbe mit einem span mache funktioniert es in Chrom und Firefox.

    Das muss man auch erstmal wissen, cool danke!