Fieldset Darstellungsprobleme
Hallo zusammen,
ich habe auf meiner Seite einzelne Formularelemente
in denen Fieldset vorkommt. Alles sieht sonst auch in
Ordnung aus, außer beim Netscape der Version 6 und den
Opera 8 Versionen.
Die untere Grafik zeigt im Opera 8 deutliche Darstellungsprobleme.
Im Netscape 6 sieht es ähnlich aber noch etwas besch** aus:
http://www.versuche.klaus-j-fuchs.de/opera8.jpg
Code:
Im CSS:
#info fieldset{
font-size: 0.86em;
width:90%;
padding:0.5em;}
Die einzelne Formular elemente sind mit DIV´s erstellt:
Code:
<!-- html -->
<form name="form1" method="post" action="../newsletter/mailingliste.php">
<fieldset><legend>Newsletter bestellen:</legend>
<div id="rei1">
<label for="name">Namen:</label>
<input name="name" type="text" class="inp" id="name" />
</div>
<div id="rei2">
<label for="mail">Email:</label>
<input name="email" id="mail" type="text" class="inp" />
</div>
<div id="rei3">
<input type="radio" name="mail" value="1" />
<span class="name">eintragen</span>
<input type="radio" name="mail" value="2" />
<span class="name"> entfernen </span>
</div>
Die Label Elemente hatte ich im CSS so geschrieben (sieht auch
in den anderen Browsern in Ordnung aus)
Code:
label{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.72em;
margin-left:4px;
color: #436F3C;
text-align: left;
width:60px;
padding: 0px;
margin-top:3px;
float: left;
display: block;
}
Habt ihr eine Idee woran das liegt und was ich da besser machen könnte?
kl
Geändert: 10.10.06, 17:30Uhr
Oh Sorry, stimmt. Hier das HTML (Buttonbereich)
Code:
<div id="but">
<input name="Senden2" type="submit" class="sub" id="Senden" value="Abschicken" />
<input name="loeschen2" type="reset" class="sub1" id="loeschen2" value="Zurück" />
</div>
Hier der CSS Bereich
Code:
/* ebenen fuer label und inputfelder */
#rei1,#rei2,#rei3{width:100%; margin-top:1.0em;}
/* ebene fuer submit elemente */
#but{width:100%; margin-top:1.8em;
margin-bottom:1.0em}
Ich hoffe das ist jetzt eindeutiger
kl
|