XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   CSS Styles für input Felder, wie umsetzen? (http://xhtmlforum.de/showthread.php?t=48884)

davekch 14.11.2007 15:15

CSS Styles für input Felder, wie umsetzen?
 
Ich habe da mal eine Frage zu den input Feldern.

Wie setzt ihr das um, wenn ihr das ganze mit CSS darstellt, so das es auch in einem Internet Explorer 6 einigermassen gut aussieht? Im normalfall hat man ja das Problem, dass der IE6 die input Felder anders darstellt. Wie kann man das am besten stylen, dass es auch in einem IE6 gut aussieht?

was sind da so eure Tipps, wie macht ihr das?

ich setze immer alles auch erst mit * { padding:0; margin:0;} auf 0.

ich bin euch dankbar für Tipps diesbezüglich... Danke :)

davekch 15.11.2007 08:10

ich frische das hier mal auf :)

kadees 15.11.2007 09:51

Schau mal hier rein: Formulardesign : Einfach für Alle
Hat mir sehr geholfen, beachte auch die weiterführenden Links!

davekch 15.11.2007 10:42

okay, danke für den link, schau mir das mal an :)

RoToRa 15.11.2007 11:20

Zitat:

Zitat von davekch (Beitrag 357754)
Wie setzt ihr das um, wenn ihr das ganze mit CSS darstellt, so das es auch in einem Internet Explorer 6 einigermassen gut aussieht? Im normalfall hat man ja das Problem, dass der IE6 die input Felder anders darstellt. Wie kann man das am besten stylen, dass es auch in einem IE6 gut aussieht?

Was verstehst du genau unter "gut aussehen"? Und in wie weit stellt der IE6 sie "anders" dar? "Anders" als was?

Der IE benutzt wie die meisten Browser die Eingabeelemente des darunterliegenden Betriebssystems (bzw. zumindest dessen Aussehen), so das Eingabefelder abhängig vom eingestellten Stil (klassisch, XP, Vista) sind, also durchaus bei jedem Benutzer anders.

Theoretisch kann du nun Eingabeelemente mit CSS genauso wie jedes andere HTML-Element stylen (Border, Background, etc.). Praktisch unterstützen die meisten Browser (bzw. Betriebssysteme von denen die Eingabeelemente stammen) viele CSS-Eigeneschaften nicht - z.B. Radiobuttons und Checkboxen sind in der Regel unveränderbar.

Andere Browser lassen das Stylen von Eingabeelementen mit voller Absicht gar nicht oder nur eingeschränkt zu, damit die Benutzer die Element noch erkennen und nicht den Webautoren ausgeliefert sind.

Fazit: Lass die Eingabeelemente so wie sie sind.

Robin

davekch 19.11.2007 10:00

Zitat:

Zitat von RoToRa (Beitrag 357858)
Was verstehst du genau unter "gut aussehen"? Und in wie weit stellt der IE6 sie "anders" dar? "Anders" als was?

Der IE benutzt wie die meisten Browser die Eingabeelemente des darunterliegenden Betriebssystems (bzw. zumindest dessen Aussehen), so das Eingabefelder abhängig vom eingestellten Stil (klassisch, XP, Vista) sind, also durchaus bei jedem Benutzer anders.

Theoretisch kann du nun Eingabeelemente mit CSS genauso wie jedes andere HTML-Element stylen (Border, Background, etc.). Praktisch unterstützen die meisten Browser (bzw. Betriebssysteme von denen die Eingabeelemente stammen) viele CSS-Eigeneschaften nicht - z.B. Radiobuttons und Checkboxen sind in der Regel unveränderbar.

Andere Browser lassen das Stylen von Eingabeelementen mit voller Absicht gar nicht oder nur eingeschränkt zu, damit die Benutzer die Element noch erkennen und nicht den Webautoren ausgeliefert sind.

Fazit: Lass die Eingabeelemente so wie sie sind.

Robin


Das ist klar und ich kann verstehen das ein zu starkes verändern, der eingabefelder nicht sinnvoll ist. dennoch mit CSS lassen sich diese Eingabefelder sehr schön darstellen und dies wird nun mal heute oftmals auch gewünscht, da es auch zu einigen Designs besser passt. Mir ist auch klar das es sicherlich nicht machbar, ist, dass diese Eingabefelder in sämtlichen IE6 gleich aussehen, wie du gesagt hast je nach System, wird es auch anders dargestellt, diese Erfahrung mache ich auch immer wieder :)! Ist auch nicht tragisch.

Meine Frage war mehr, ob es so ein standard gibt, damit es einigermassen annehmbar ist, auch für einen IE 6 Browser?!


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:25 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023