nicht angemeldet
Hallo zusammen! <img src="http://parkbanksitzer.milten.lima-city.de/smilies/smile.gif" border="0" alt="">
Dieses Problem hatte ich auch schon mal und hab das irgendwann aufgegeben. Nachdem ich die Frage aber wieder gelesen habe hier, hab ich mich erneut damit beschäftigt. Und ich hab die Lösung! <img src="http://parkbanksitzer.milten.lima-city.de/smilies/freu.gif" border="0" alt="">
Zunächst habe ich die labels zu einem Block gemacht und ihnen eine Breite angegeben. Somit waren sie alle gleich breit. Mit einem float:left hab ich es dann geschafft, daß Labels und Eingabefelder schön nebeneinander liegen.
Natürlich haben auch die Eingabefelder eine feste Breite bekommen.
Anschließend ist auch noch das div-Feld, in dem das ganze Formular liegt, formatiert worden.
Ich hab das ganze dann mal validiert und es war valides xhtml 1.0 strict. <img src="http://parkbanksitzer.milten.lima-city.de/smilies/smile.gif" border="0" alt="">
Der nächste Schritt war dann, sämtliche Längenangaben, die ich zunächst mit px gemacht hatte, in em umzuwandeln, damit das Ganze auch schön zu Strecken bzw. Verkleinern ist.
Dann nochmal validiert und mit den aktuellsten Versionen von MS IE, Mozilla, Opera, Netscape Navigator und Firebird getestet.
Das Ergebnis : Ein xhtml 1.0 strict Formular in wunderschönem Design, das in sämtlichen getesteten Browsern zu 99% ident aussieht UND auch noch verkleiner- bzw. vergrößerbar ist. Das Ziel, ein Design wie mit Tabellen zu machen und die Eingabefelder gleich anfangen zu lassen, wurde erreicht. <img src="http://parkbanksitzer.milten.lima-city.de/smilies/freu.gif" border="0" alt="">
Online gestellt habe ich es natürlich auch.
HIER ist das Formular ganz ohne irgend eine CSS Formatierung, also reinstes xhtml ==> http://parkbanksitzer.milten.lima-city.de/selfhtml/formular/formular_plain.html
HIER ist die SELBE Seite mit CSS formatiert, nun auch wunderschön zum Ansehen ==> http://parkbanksitzer.milten.lima-city.de/selfhtml/formular/formular_css.html
Schaut Euch hier mal an, wie man es kleiner bzw. größer machen kann über den Browser!
Und HIER zum Downloaden die CSS-Datei ==> http://parkbanksitzer.milten.lima-city.de/selfhtml/formular/formular.css
So, ich hoffe, ich hab weiterhelfen können. Bin jetzt über eine Stunde dabei gesessen. Ich wünsch Euch ein schönes Wochenende! <img src="http://parkbanksitzer.milten.lima-city.de/smilies/pbs01.gif" border="0" alt="">
Mit lieben Grüßen aus Wien
parkbanksitzer <img src="http://parkbanksitzer.milten.lima-city.de/smilies/pbs02.gif" border="0" alt="">