Colorscheme

Suche MAC-User mit CSS-Kenntnissen


Ich hab ein kleines Problem mit meinem Projekt schnell-schreiben.de und zwar sieht unter Windows das Layout in Ordnung aus, unterm MAC passiert aber ein Layout-Fehler der so nicht erwünscht ist:

layout_fehler.jpg
via: schwellenpaedagogik.de

Nun wollte ich das Problem trotz mangelndem MAC beheben und einfach zur Prüfung meiner Korrektur die Browsercam nutzen, da fällt mir doch ein das mir Ajax einen Riegel vorschiebt, es gibt nämlich keine “echte URL” die ich aufrufen kann, die mir dann das Ergebnis ausgibt, die Formulare werden nämlich erst mit Ajax nachgeladen (oder gibt es einen Weg der mir bislang noch nicht eingefallen ist?).

Ich würde mich sehr freuen wenn mir ein MAC-CSS-Coder den funktionierenden Code schicken könnte, damit das Layout auf dem MAC bei der Eingabe der Buchstaben so aussieht wie unter Windows.

layout_korrekt.jpg


Verwandte Artikel
  1. Google Sitesearch Suche im Webdesignblog
  2. Webdesign Guide – User-Modul: Registrieren
  3. AJAX und Suma-dolle-Links
  4. Webdesign ist groß
  5. Webdesign Guide – User-Modul: Login

am März 20, 2007 um 09:36 Uhr | in Allgemein | 12 Kommentare


12 Kommentare
  1. Silvio Tischer, März 20, 2007:

    Hallo, ersetze doch in der “style.css” das “font-family: gautami;” durch “font-family: Times New Roman, Times, serif;” – denn die goutami habe wohl die wenigsten User installiert…

    BTW: der sub_titel sollte vielleicht etwas grösser gemacht werden (“width: 445px;”}, denn sonst wird er auf zwei Zeilen gesetzt…

  2. Christian Strang, März 20, 2007:

    Super, vielen dank!! Sieht es denn nun besser aus auf dem MAC? Stehen die Buchstaben im Eingabefeld direkt unterhalb der “Aufgaben-Buchstaben” ?

  3. Carsten Dobschat, März 20, 2007:

    Wenn sich da nix geändert hat, dann ist das Problem einfach, dass Texteingabefelder in Safari nicht so frei gestaltet werden können, wie es eigentlich sein sollte. Da solltest Du vielleicht einfach auf der Seite hinweisen, mit Firefox oder Camino (1.1b zumindest) klappt es ja…

    Ach ja: es heisst Mac – MAC ist die Hardwareadresse einer Netzwerkkarte :)

  4. Silvio Tischer, März 20, 2007:

    Also mit Sfar 2.x geht es jetzt wunderbar bei mir, Camino & Firefox natürlich auch. Dein Hinweis mit den Styles für Eingabefelder war aber ein veralteter Fehler bei Safari 1.irgendwas…

    @Christian: ich schicke dir noch mal ein Screenie mit der jetzigen (korrekten?) Darstellung in Safari durch.

  5. Christian Strang, März 20, 2007:

    @Silvio: Danke nochmal für die Screenshots! Werd dann wohl auf die nicht ganz korrekte Darstellung im Safari 1 verzichten, hauptsache es wird im Großteil der Browser korrekt dargestellt.

  6. Carsten Dobschat, März 20, 2007:

    Silvio: was ist “wunderbar”? Auf jeden Fall ist das ursprünglich angesprochene Problem auch in Safari 2.x weiterhin vorhanden, denn veraltet ist der Hinweis leider nicht, wie Du zum Beispiel hier gut sehen kannst. Auch Safari 2.x unterstützt immer noch nicht alle CSS-Anweisungen für Eingabefelder, was ganz einfach daran liegt, dass Safari die Standard-Formularelemente von Mac OS X verwendet, die eben nicht so umfangreich angepasst werden können/sollen. Und so betrachtet ist es auch kein Bug, sondern schlicht und ergreifend von Apple so gewollt. Im aktuellen WebKit-Build funktioniert es, aber das ist eben nicht die aktuelle Version, die bei Mac OS X dabei ist.

    @Christian: auch in Safari 2.x ist die Darstellung nicht ganz korrekt – genau wie bei Schockwellenpädagogik beschrieben. Hier mal ein Screenshot.

  7. Silvio Tischer, März 20, 2007:

    Ich habe es gerade selbst nochmal probiert, du hast recht. Safari hat probleme mit dem letter-spacing vom input.input_value…

    ich hatte mich auf den offensichtlichen Fehler mit dem Font gestürzt (möge man mir verzeihen :D ) und das Spacing übersehen. Nun, Onkel google gefragt, vielleicht hilft das ja hier weiter: http://www.wachenfeld-golla.de/tiplinks/browser-spezifisches-css/

    Hier wird eine JS-Browserweiche genutzt, um browserspezifische css-Anweisungen zu laden. u.a. auch für den Safari.

  8. Christian Strang, März 20, 2007:

    ja, na gut, ich verzichte dann wohl auf die korrekten Darstellung im Safari, zumindest solange bis ich das Layout selbst am Mac testen kann, aber dennoch vielen dank für die Hilfe!!

  9. Jerry, März 21, 2007:

    Zum Thema schnell-schreiben.de:

    Werden die Passwörter einfach plaintext in deine Datenbank gespeichert? Zumindest ist das Passwort-Feld kein Richtiges, denn wenn ich mein PW tippe, sehe ich es als Text anstatt als Sternchen. Wäre schön, wenn du das beheben könntest, denn das erzeugt echt Unsicherheit beim User (bei mir auf jeden Fall).

    Ansonsten sehr nette Seite, hin und wieder in der Mittagspause tippen lernen ist eine feine Sache. :)

  10. Christian, März 21, 2007:

    Ja die Passwörter werden Plaintext abgespeichert, aber da die Usernamen nicht mit einer Email oder dergleichen assoziiert sind, denke ich dürfte es da keine Probleme geben. Ich will es halt so einfach wie möglich für den User machen.

  11. Tom aus Traunstein, März 22, 2007:

    Kann es sein, dass Netscape 8.1 (englische Version) da ein bisschen Probleme macht?

  12. Christian Strang, März 22, 2007:

    mit der Darstellung oder mit dem Login?

Tut mir leid, die Kommentarfunktion für diesen Beitrag ist geschlossen.