Hallo Leute 
Ich habe ein Formular mithilfe von CSS gebastelt bzw. teilweise kopiert.
Hier Source:
Alles anzeigen
Im IE wird es auch wunderschön angezeigt:
softwarecrafting.de/sonstiges/testmitcss.html
Wenn ihr das aber im Firefox aufruft, seht ihr das die Labels nicht zu sehen sind, die schrift und linien allgemein dünner bzw. schwächer wirken und die fieldsets viel weiter auseinander liegen als im IE
Find ich alles blöd
Wisst ihr vielleicht warum? Wäre echt super... ich verzweifel an dieser browser(in)kompatiblität...
Vielen Dank!
#EDIT: Witzig.. also mit dem neuen Firefox sieht es eig. ok aus... Nur das die Lücken zwischen den Fieldsets zu groß sind
Die alte Firefoxversion macht da mehr stress
#EDIT2: Wenn ich das float: left; beim label entferne, sehe ich die Schrift wieder. Auch im FIrefox allerdings sind dann die Labels überhalb der Textfelder. Ich will sie aber daneben
#EDIT3 [und letzter]: Habe margin-left:6em; zum input,select hinzugefügt und nu werden die labels nichtmehr verdeckt. Kann geclosed werden...^^
Ich habe ein Formular mithilfe von CSS gebastelt bzw. teilweise kopiert.
Hier Source:
Quellcode
- * {
- margin: 0;
- padding: 0;
- }
- body {
- background: #FFF;
- color: #000;
- font: 0.9em "Helvetica";
- }
- fieldset {
- padding: 1em;
- border: 1px solid #000;
- width: 23em;
- margin: 1em;
- }
- label, legend {
- text-transform: capitalize;
- }
- label {
- margin-right: 1.5em;
- float: left;
- width: 5em;
- padding-top: 0.3em;
- text-align: right;
- }
- input,select {
- display: block;
- font-size: 1em;
- margin-bottom: 0.8em;
- border: 1px solid #000;
- padding: 0.1em;
- /*width: 15em;*/
- }
- input#submit,reset {
- float: none;
- width: auto;
- }
Im IE wird es auch wunderschön angezeigt:
softwarecrafting.de/sonstiges/testmitcss.html
Wenn ihr das aber im Firefox aufruft, seht ihr das die Labels nicht zu sehen sind, die schrift und linien allgemein dünner bzw. schwächer wirken und die fieldsets viel weiter auseinander liegen als im IE
Find ich alles blöd
Wisst ihr vielleicht warum? Wäre echt super... ich verzweifel an dieser browser(in)kompatiblität...
Vielen Dank!
#EDIT: Witzig.. also mit dem neuen Firefox sieht es eig. ok aus... Nur das die Lücken zwischen den Fieldsets zu groß sind
Die alte Firefoxversion macht da mehr stress
#EDIT2: Wenn ich das float: left; beim label entferne, sehe ich die Schrift wieder. Auch im FIrefox allerdings sind dann die Labels überhalb der Textfelder. Ich will sie aber daneben
#EDIT3 [und letzter]: Habe margin-left:6em; zum input,select hinzugefügt und nu werden die labels nichtmehr verdeckt. Kann geclosed werden...^^