[cyprus]

Hallo
ich brauch mal wieder eure Hilfe.
Da ich ja grad voll auf dem CSS Trip bin habe ich ein Formular statt mit Tabellen mal mit CSS erstellt und es gefällt mit gut im IE. Man solls kaum glauben wo der so gerne zickt. Ich hab ne ganze Reihe von Kontrollkästchen und die sollten eigentlich auf gleicher Höhe wie deren Label sein.
Tun se aba nich! Ich fuchtel da jetzt ne Weile drann rum und seh den Wald nicht mehr.

Mein HTML Code sieht so aus

<FIELDSET id=checkbox><LEGEND>Ausstattung</LEGEND><LABEL 
for=check1>Lift</LABEL><INPUT id=check1 type=checkbox name=lift><BR>
<LABEL for=check2>Küche</LABEL><INPUT id=check2 type=checkbox name=küche><BR>
<LABEL for=check3>Bad</LABEL><INPUT id=check3 type=checkbox name=bad><BR>
<LABEL for=check4>Balkon</LABEL><INPUT id=check4 type=checkbox name=balkon><BR>
<LABEL for=check5>Terasse</LABEL><INPUT id=check5 type=checkbox name=terasse><BR>
<LABEL for=check6>Garten</LABEL><INPUT id=check6 type=checkbox name=garten><BR>
<LABEL for=check7>Telefon</LABEL><INPUT id=check7 type=checkbox name=telefon><BR>
<LABEL for=check8>Fax</LABEL><INPUT id=check8 type=checkbox name=fax><BR>
<LABEL for=check9>Internet</LABEL><INPUT id=check9 type=checkbox name=internet><BR>
<LABEL for=check10>Kabel</LABEL><INPUT id=check10 type=checkbox name=kabel><BR>
<LABEL for=check11>SAT</LABEL><INPUT id=check11 type=checkbox name=sat><BR>
<LABEL for=check12>Haustier</LABEL><INPUT id=check12 type=checkbox name=haustier><BR>
<LABEL for=check13>Rauchen</LABEL><INPUT id=check13 type=checkbox name=rauchen><BR>
</FIELDSET>

und das zugehörige CSS Snippet ist das hier:

#formular {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; margin-left:100px; WIDTH: 520px; PADDING-TOP: 0px
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FIELDSET {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 5px; BORDER-LEFT: #999 1px solid; WIDTH: 390px; PADDING-TOP: 10px; BORDER-BOTTOM: #999 1px solid; TEXT-ALIGN: left
}
FIELDSET:hover {
	BORDER-LEFT-COLOR: #333; BORDER-BOTTOM-COLOR: #333; BORDER-TOP-COLOR: #333; BORDER-RIGHT-COLOR: #333
}
FIELDSET#checkbox INPUT {
	WIDTH: 35px;
}

LEGEND {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 1.1em; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 5px; MARGIN: 5px; COLOR: #666; PADDING-TOP: 5px
}
LABEL {
	CLEAR: left; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 1em; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 3px 3px 0px; WIDTH: 120px; COLOR: #666; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px
}
INPUT {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; PADDING-LEFT: 0.3em; BACKGROUND: #fff; MARGIN-BOTTOM: 0.6em; BORDER-LEFT: #666 1px solid; WIDTH: 240px; BORDER-BOTTOM: #666 1px solid
}
/*INPUT:unknown {
	BORDER-LEFT-COLOR: #900; BORDER-BOTTOM-COLOR: #900; BORDER-TOP-COLOR: #900; BORDER-RIGHT-COLOR: #900
}
*/
SELECT {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; PADDING-LEFT: 0.3em; BACKGROUND: #fff; MARGIN-BOTTOM: 0.6em; BORDER-LEFT: #666 1px solid; WIDTH: 100px; BORDER-BOTTOM: #666 1px solid
}
OPTION {
	COLOR: #900
}
TEXTAREA {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; WIDTH: 244px; BORDER-BOTTOM: #666 1px solid
}
/*TEXTAREA:unknown {
	BORDER-LEFT-COLOR: #900; BORDER-BOTTOM-COLOR: #900; BORDER-TOP-COLOR: #900; BORDER-RIGHT-COLOR: #900
}
*/
.plz {
	WIDTH: 50px
}
.ort {
	WIDTH: 180px
}
.strasse {
	WIDTH: 200px
}
.strnummer {
	WIDTH: 30px
}
.submitbtn {
	BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 3px; BACKGROUND: #666; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #999 1px solid; WIDTH: 123px; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 0px; BORDER-BOTTOM: #333 1px solid
}
.submitbtn:hover {
	BORDER-RIGHT: #990100 1px solid; BORDER-TOP: #c00 1px solid; BACKGROUND: #900; BORDER-LEFT: #c00 1px solid; COLOR: #fff; BORDER-BOTTOM: #990100 1px solid
}
#top {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #999; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 40px; PADDING-TOP: 5px; BORDER-BOTTOM: #900 2px solid
}
#top H1 {
	FONT-SIZE: 1.6em; COLOR: #fff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
#top P {
	COLOR: #fff
}
#top P A {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #900 2px solid; TEXT-DECORATION: none
}
#top P A:hover {
	BACKGROUND: #900; COLOR: #fff; BORDER-BOTTOM: #fff 2px solid
}

Ich weiß das ist jetz ne menge Holz aber da ich keine Ahnung wo es sich verbockt schick ich mal alles zum Formular.

Danke für jede Anregung.
Lieben Gruß

Cy

[kadees]

Stell einen kompletten, lauffähigen Code ein, der einen das Problem sicher nachvollziehen lässt und der dabei auf Überflüssiges verzichtet. Selten, sehr selten sind dazu mehr als ein paar Handvoll Zeilen notwendig. Viele Probleme lösen sich dabei auch von selbst.

Gib zusätzlich eine URL an: Niemand hat Zeit, Archive auszupacken und Codefragmente zusammenzusetzen. Manche Probleme sind lokal gar nicht nachvollziehbar. Die Tools der Antwortenden, die bei der Fehlersuche helfen, funktionieren nicht mit Schnipseln. Ein "relevanter Ausschnitt" hat dir selbst den Fehler auch nicht offenbart und mag für den Nächsten gar nicht so relevant sein.

Siehe auch: Für Fragende, für Antwortende
Aber vielleicht hilft dir dieser Artikel von ifekt schon mal weiter: CSS Reset von Eric Meyer | i-fekt | Themen rund um Webdesign, Barrierefreiheit, CMS, HTML, CSS, PHP, Web Developement und Kultur

[cyprus]

Ich weiß das ich ne Menge Code reingelegt habe. Aber ich hatte auch keine Ahnung wo der Fehler liegen könnte. Aber danke der Link mit dem erweiteretem Reset hat geholfen. Danach wurden dann auch eine MARGIN angabe interpretiert.

Super Link übrigens. Das gehört in die FAQs.

Vielen lieben Dank nochmal

Cy