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:

  • 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 ?

  • 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/

  • habe mich gerade auch gewundet warum sich die fieldset Elemente nicht richtig mit flexbox anpassen tun. ( wußte ich auch noch nicht )


    Ganz einfach das geht nicht .

    https://stackoverflow.com/ques…eldset-be-flex-containers


    Wenn du versuchst die fieldset Elemente mit Flexbox anpassen willst dann solltest du tricksen oder einfach ein anderes Element benutzen , oder halt auf flexbox verzichten.