Eingabefelder gerendert sehr unterschiedlich in verschiedenen Browsern

Okay, also ich bin in den Prozess der Gestaltung einer website, die ein login-Formular in der oberen rechten Ecke einer Webseite. Ich habe die Größe attribute von den Eingabe-Feldern und ich bin immer einige interessante Ergebnisse. Unten ist eine Gruppe von screenshots, die ich warf zusammen. Ich gestapelt die Sie für Sie alle. Ich bin sogar werfen in einem jsFiddle für Sie alle. Also vier Dinge:

  • Ich ausgerichtet, basierend auf der unteren rechten Ecke des Passwort-Eingabe-Feld, in das gestackte Bild. Fragen Sie nicht warum.
  • Ich design mit Grenzen auf alles, bis das layout richtig ist, dann habe ich entfernen Sie Sie und fügen Sie die Farben und Bilder und so weiter.
  • Der IE 9 Abbildung basiert auf Adobe BrowserLab, seit ich arbeite auf einem Mac.
  • Beachten Sie, dass die WebKit-basierten Browsern (Safari und Chrome) machen die gleiche Größe.

Konnte ich nichts finden um zu enthüllen was geschieht nach einer Reihe von sucht. Vielleicht ist es, weil es schwer zu Wort, eine Frage wie diese in einfache Suchbegriffe (oder zumindest für mich)...

Mit all dies gesagt, meine Frage ist warum sind die Eingabefelder gerendert, so anders, und vor allem wie kann ich Abhilfe schaffen (ohne JavaScript oder die Abhängigkeit von User-Agents vorzugsweise)?

Eingabefelder gerendert sehr unterschiedlich in verschiedenen Browsern

  • Wie könnte dies möglicherweise eine Rolle? Niemand durchsucht Ihre Website auf allen Browsern gleichzeitig. Überlegen Sie, ob oder nicht jedes rendering verwendbar ist. Hast du schon verschwendet zu viel Zeit der Jagd pixel Perfektion, alle für keinen gerechtfertigten Ende. Beachten Sie, dass die buttons anders Aussehen auf einem Mac und einem PC. Die Standard-styling neigt dazu, das gleiche Betriebssystem die nativen Steuerelemente. Ich denke, das ist eine gute Sache; was für einen Zweck könnte Sie möglicherweise haben, um es zu überschreiben? Und was passiert, um Ihr perfektes design, wenn der user erhöht die Schriftgröße in Ihrem browser?
  • lassen Sie Bemerkungen wie, dass in deinem Kopf. Ich versuche nicht zu erreichen, pixel-Perfektion. Das wäre blöd. Ich merke, dass fast niemand durchsucht meine Website, auf der zahlreiche Browser. Allerdings habe ich nicht wie der FF oder Opera-renderings. Sie waren zu groß. Es ist irgendwie eine große Sache, wenn ein Unterschied so groß wie zwischen den Browsern. Was ist, wenn ich hatte etwas, das war gedeckt durch die größere renderings? Nur kommentieren, wenn Sie gehen, konstruktiv zu sein.
  • Ich denke, dass war äußerst konstruktiv. Mein Punkt ist, dass Sie verschwenden Zeit jagt ein Wunschtraum. Es gibt keinen Weg, um pixel-Perfektion. Ihre gesamte Website wird "zu groß" ist, wenn der Benutzer erhöht den Schriftgrad in Ihrem browser. Was dann?
  • kein Weg, um pixel-Perfektion." Kann ich mich auf Sie zu, was ich gerade fertig sagen? "Ich bin nicht versucht, Sie zu erreichen, pixel-Perfektion." Wie bei der font-size zu erhöhen, meine Denkweise ist, dass, wenn Sie möchten, ändern Sie die schriftart,-Größe, lassen Sie Sie. Das einzige layout für einen Unterschied es machen wird, ist die Größe der input-Felder und die Länge der Seite (neben der Größe der Schrift natürlich).
  • entschuldigen Sie mich bemerken, ein 66 pixel Unterschied. Ich denke, das ist etwas zu besorgt sein. 10 Pixel, vielleicht sogar 20 wäre in Ordnung, aber 66?
  • neben ich dachte, jemand mit so viel Erfahrung auf stackoverflow, als würden Sie die Regeln kennen: "nicht schön. Behandeln Sie andere mit dem gleichen Respekt, Sie würden wollen, dass Sie Sie behandeln. Wir lernen hier alle zusammen. Seien Sie tolerant gegenüber anderen, die nicht wissen, was du alles weißt. Bringen Sie Ihren Sinn für humor." Sie ignoriert, dass ein ganzer Absatz. Wenn es ein argument, die Sie suchen, gibt es bessere Orte für Sie. Wenn Sie diese Interaktion mit einem Neuling auf stackoverflow, das würde wahrscheinlich lenken ihn/Sie(/es) entfernt. Beachten Sie auch, dass SMS-Unterhaltungen sind nicht die gleichen wie die Stimme. Beobachten Sie die Formulierung.
  • Ja, ich bin damit einverstanden, dass nett zu sein, ist wichtig. Ich gebe zu, dass mein Sinn für Humor wird vielleicht am besten beschrieben als "schrullig", aber ich bin nicht in der Regel ein gehässiger Mensch. Wie ich bereits erwähnt habe, mein ursprüngliche Kommentar war überhaupt nicht beabsichtigt, um beleidigend zu werden. Ich bin mir immer noch nicht sicher, wie genau Sie es Lesen, zu interpretieren es auf diese Weise. Ich hatte nicht vor, zu Schüren ein argument. (Obwohl, während wir teilen, mein größter Persönlichkeit Fehler ist, dass ich unweigerlich argumentieren wieder, wenn Menschen versuchen, zu streiten/mit mir nicht einverstanden. Ich denke, das passiert hier. Sorry.) Und ehrlich, ich verstehe nicht, wie der text Gespräche unterscheiden sich von der Stimme.
  • Was ich mit text-Konversationen unterscheiden sich von voice-Gespräche ist, dass, wenn Sie Fragen, ich würde wie ein donut, zum Beispiel, sage ich, "Sicher." Hören meine Stimme, sagt nur so viel, als die Worte selbst. Aber, dass ist nicht einfach in text. Der Ton der Worte ist bis zum Leser. That being said, habe ich nie gefunden, Ihre Kommentare beleidigend. Wie ich schon sagte, ich fühlte, dass Sie waren nicht sehr konstuktiven: "hast Du schon verschwendet zu viel Zeit der Jagd pixel-Perfektion, die alle für nicht vertretbar, Ende." Diese kamen aus so etwas versnobt zu mir. Achten Sie auf die Wortwahl, bro.
  • Auch ich stuggle mit ihm manchmal. Fast gefeuert auf zwei verschiedenen Gelegenheiten durch schlechte Wort Wahl per E-Mail.

Schreibe einen Kommentar