franca: noch ein IE6 Problem

Hallo,

habe ein Form, in dem die Felder bündig nemen ihrem Label angezeigt werden.
Klappt wie immer in FF und IE7

Im IE6 ist das Label der zweiten checkbox bündig mit der ersten checkboc (also nach rechts verschoben)

Hier mein code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head><title>Form im IE6 </title>
<style type="text/css">

.feld label
{ width: 120px;
  float: left;
}

</style></head>
<body>
<form action="action.html"
  <fieldset >
    <div class="feld">
      <label for="mailformname">Name:</label>
      <input type="text" name="name"  size="40" value="" />
    </div>
    <div class="feld">
      <label for="mailformAntwortPerMail">Antwort per email gewünscht:</label>
      <input type="checkbox" value="1" name="AntwortPerMail" id="mailformAntwortPerMail" checked="checked" />
    </div>
    <div class="feld">
      <label for="mailformRueckruf">Rückruf gewünscht:</label>
      <input type="checkbox" value="1" name="Rueckruf" id="mailformRueckruf" />
    </div>
    <div class="feld">
      <input type="submit" name="formtype_mail" value="Senden" />
    </div>
  </fieldset>
</form>
</body>
</html>

  1. Hi!

    Dein Problem ist, dass du floatest. Damit nimmst Du die Elemente aus dem Fluss und Deine Divs funktionieren ploetzlich anders.

    Nimm auch die class attribute ausdem HTML. Dafuer versuch mal das CSS hier:

    fieldset div  
    {  
     clear: both;  
    }  
      
    fieldset div label  
    {  
     width: 120px;  
     float: left;  
    }
    

    Mag sein, dass ich grad auf die schnelle nicht so optimalen code produziert habe, aber das wird sichelrich schon jemand hier anmerken. ;) Ich mach jetzt Feierabend.

    --
    Wenn Du eine Antwort nicht verstehst, trau dich und frag nochmal nach.
     
    1. Hi!

      Dein Problem ist, dass du floatest. Damit nimmst Du die Elemente aus dem Fluss und Deine Divs funktionieren ploetzlich anders.

      Nimm auch die class attribute ausdem HTML. Dafuer versuch mal das CSS hier:

      fieldset div

      {
      clear: both;
      }

      fieldset div label
      {
      width: 120px;
      float: left;
      }

      
      >   
      > Mag sein, dass ich grad auf die schnelle nicht so optimalen code produziert habe, aber das wird sichelrich schon jemand hier anmerken. ;) Ich mach jetzt Feierabend.  
      >   
        
      Super, das war die Lösung!! Tausend DAnk,  
        
      Franka