XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Fieldset Darstellungsprobleme (http://xhtmlforum.de/showthread.php?t=42351)

klaus 10.10.2006 10:44

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

RoToRa 10.10.2006 13:00

Der interesante Teil, nämlich das HTML und CSS der Buttons, hast Du weg gelassen...

Robin


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:57 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023