CSS Forms Styling

• Fr, 28. Oktober 2005,
• 454 Wörter,
• 2 Kommentare,
• Tags:
• CSS,
• Website

Wie­der ein­mal erhält diese Seite ein paar kleine Updates, als Vor­be­rei­tung zum 1-jährigen Beste­hen die­ser nun vier­ten Ver­sion. Unter ande­rem wollte ich das Thema For­mu­lar mal end­gül­tig abschlie­ßen bis jetzt habe ich HTML For­mu­lare immer bei der Gestal­tung ver­nach­läs­sigt, das soll sich nun ändern. Die Phase der puren Ver­zweif­lung ist wie­der mal sehr nah. Ich habe schon sämt­li­che Ansprü­che zurück geschraubt und den­noch brin­gen sämt­li­che Brow­ser­dar­stel­lung der For­mu­lare, nur noch Trä­nen. CSS Lay­outs sind nichts gegen den Hor­ror, HTML For­mu­lare optisch pas­send und kom­pa­ti­bel gestal­ten zu wol­len.

Der Plan war die gra­fi­sche Dar­stel­lung der Suche, auf sämt­li­che ande­ren Sachen zu über­tra­gen. Alles lief rela­tiv gut, bis ich das Ganze auf ande­ren Brow­sern als Fire­fox ange­schaut habe. Inter­net Explo­rer und auch Opera stel­len bei einem Text­feld immer eine Scrolleiste dar, wel­che auch das beste Design zer­brö­selt. An die­sem Punkt stelle ich mir die Frage, ob die­ser Frust, die wohl kaum sicht­bare Ver­bes­se­rung wert ist? Zur Hölle ja. Mit­ler­weile ist das erste was ich mir auf neuen Sei­ten anschaue, wie gut die For­mu­lare gestal­tet wur­den und ob sie auf allen Brow­sern gleich aus­se­hen. Es sind genau diese kleine Details, die eine Gestal­tung in mei­nen Augen glän­zen las­sen.

Kom­men­tar For­mu­lar

Wer Web­sei­ten gestal­tet fin­det sich schnell damit ab, dass ein Design nie­mals pixel­ge­nau auf säm­li­chen Brow­sern gleich dar­ge­stellt wird. Solange sich die Dif­fe­ren­zen im Rah­men hal­ten ist alles ok. Spe­zi­ell rela­tive Grö­ßen­ein­hei­ten sind immer noch pro­ble­ma­tisch, was eine exakt glei­che Dar­stel­lung betrifft. Im CSS Model geht die Sache noch einen Schritt wei­ter, und wir haben unter­schied­li­che Float- und Box-Modelle. Auch damit habe ich mich abge­fun­den, was aller­dings nicht heißt, dass ich sol­che Unter­schiede akzep­tiere.

Fire­fox

Opera 8.5

Inter­net Explo­rer 6

Wie­der ein­mal stellt Fire­fox genau das dar, was ich möchte. Ope­ras Ver­sion ist noch akzep­ta­bel, IE dage­gen mal wie­der nicht. Drei Brow­ser, drei ver­schie­dene Dar­stel­lung, drei mal Frust. Es gibt einen Grund wieso For­mu­lare fast immer den ein­fa­chen Stan­dart­weg, samt einer Back­ground­gra­fik bekom­men. Ich werde IEx­plo­rer für sol­che Details igno­rie­ren. Es ist ein Ding der Unmög­lich­keit, eine abso­lute kom­pa­ti­ble Ver­sion zu schaf­fen die den­noch nicht von der Ori­gi­nal Idee abweicht. Momen­tan wird die­ses For­mu­lar erst­mal so blei­ben, IE Opti­mie­run­gen die­ser Art wer­den beim Release von IE 7 sowieso über­flüs­sig. Die Zeit und den Frust spare ich mir. Es is ok, dass IE :hover Sta­tes nur auf Link Tag akzep­tiert und es ist ok, dass IE :focus Sta­tus igno­riert. Was aber nicht mehr zu akzep­tie­ren ist, sind sol­che feh­ler­haf­ten Dar­stel­lun­gen von gefloa­te­ten Form Tags. Wieso nur kann es kein gemein­sa­mes ein­heit­li­ches HTML/CSS Modell geben? Wer immer diese Seite voll genie­ßen möchte, der möge bitte Fire­fox benut­zen, und wer nicht, der möge eben­falls Fire­fox als Stan­dard­brow­ser nut­zen. Danke.

Zum gleichen Thema

• nicht perfektFundstücke

• noch ein ScreenshotFundstücke

• UpgradesWeb Design

• Details zum Update - QuellcodeWeb Design

• Version 4Web Design

• Cataclysm EindrückeWorld of Warcraft

• Gibt es kostenloses Premium?Web Design