CSS Forms Styling
Wieder einmal erhält diese Seite ein paar kleine Updates, als Vorbereitung zum 1-jährigen Bestehen dieser nun vierten Version. Unter anderem wollte ich das Thema Formular mal endgültig abschließen bis jetzt habe ich HTML Formulare immer bei der Gestaltung vernachlässigt, das soll sich nun ändern. Die Phase der puren Verzweiflung ist wieder mal sehr nah. Ich habe schon sämtliche Ansprüche zurück geschraubt und dennoch bringen sämtliche Browserdarstellung der Formulare, nur noch Tränen. CSS Layouts sind nichts gegen den Horror, HTML Formulare optisch passend und kompatibel gestalten zu wollen.
Der Plan war die grafische Darstellung der Suche, auf sämtliche anderen Sachen zu übertragen. Alles lief relativ gut, bis ich das Ganze auf anderen Browsern als Firefox angeschaut habe. Internet Explorer und auch Opera stellen bei einem Textfeld immer eine Scrolleiste dar, welche auch das beste Design zerbröselt. An diesem Punkt stelle ich mir die Frage, ob dieser Frust, die wohl kaum sichtbare Verbesserung wert ist? Zur Hölle ja. Mitlerweile ist das erste was ich mir auf neuen Seiten anschaue, wie gut die Formulare gestaltet wurden und ob sie auf allen Browsern gleich aussehen. Es sind genau diese kleine Details, die eine Gestaltung in meinen Augen glänzen lassen.
Kommentar Formular
Wer Webseiten gestaltet findet sich schnell damit ab, dass ein Design niemals pixelgenau auf sämlichen Browsern gleich dargestellt wird. Solange sich die Differenzen im Rahmen halten ist alles ok. Speziell relative Größeneinheiten sind immer noch problematisch, was eine exakt gleiche Darstellung betrifft. Im CSS Model geht die Sache noch einen Schritt weiter, und wir haben unterschiedliche Float- und Box-Modelle. Auch damit habe ich mich abgefunden, was allerdings nicht heißt, dass ich solche Unterschiede akzeptiere.
Firefox
Opera 8.5
Internet Explorer 6
Wieder einmal stellt Firefox genau das dar, was ich möchte. Operas Version ist noch akzeptabel, IE dagegen mal wieder nicht. Drei Browser, drei verschiedene Darstellung, drei mal Frust. Es gibt einen Grund wieso Formulare fast immer den einfachen Standartweg, samt einer Backgroundgrafik bekommen. Ich werde IExplorer für solche Details ignorieren. Es ist ein Ding der Unmöglichkeit, eine absolute kompatible Version zu schaffen die dennoch nicht von der Original Idee abweicht. Momentan wird dieses Formular erstmal so bleiben, IE Optimierungen dieser Art werden beim Release von IE 7 sowieso überflüssig. Die Zeit und den Frust spare ich mir. Es is ok, dass IE :hover States nur auf Link Tag akzeptiert und es ist ok, dass IE :focus Status ignoriert. Was aber nicht mehr zu akzeptieren ist, sind solche fehlerhaften Darstellungen von gefloateten Form Tags. Wieso nur kann es kein gemeinsames einheitliches HTML/CSS Modell geben? Wer immer diese Seite voll genießen möchte, der möge bitte Firefox benutzen, und wer nicht, der möge ebenfalls Firefox als Standardbrowser nutzen. Danke.
2 Kommentare
Für diesen Eintrag wurden die Kommentare geschlossen.
global $hemingway ?>moin moin, nette Seite, wollte nur anmerken:
standard mit d am Ende !
😉
Habe Auch die Schnauze voll!!!!Auf meiner Seite in den Blogs ist alles schön in den Formularen formatiert, aber im IE geht im Eingabefeld kein Zeilenumbruch!Das ist ja total ätzend !Mach mir ständig nen Kopf wegen sonem Mist