Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 10.10.2006, 10:44
klaus klaus ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2006
Beiträge: 16
klaus befindet sich auf einem aufstrebenden Ast
Standard 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:



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&uuml;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

Geändert von klaus (10.10.2006 um 18:33 Uhr)
Mit Zitat antworten
Sponsored Links