Struppi: Wie heißt der Bug

Wie heißt der IE Bug, wenn ein input Feld in einem fieldset den margin des  umschließenden Elementes bekommt?

Kurzes Beispiel:

  
#links  
{  
    float:left;  
    width:8em;  
}  
#rechts  
{  
    margin-left: 10em;  
}  

<div id="links">Linke Seite  
</div>  
<div id="rechts">Rechts ein Formular:  
  
<form>  
<input type="text">  
<fieldset>  
<input type="text">  
</fieldset>  
</form>  
</div>

Im IE (6) wird das erste Textfeld normal linksbündig dargestellt, während das andere im Fieldset um (vermutlich) 8em eingerückt ist.

Wer vererbt hier was? Wie heißt der Bug? Gibt's einen workaround?
(einer ist statt margin padding zu verwenden, was aber im betreffendem Design andere Probleme nach sich zieht)

Struppi.

  1. Hallo Struppi,

    Internet Explorer Float/Margin Bugs
    www.positioniseverything.net/ explorer/doubled-margin.html

    Gruss

    city

    1. Internet Explorer Float/Margin Bugs
      www.positioniseverything.net/ explorer/doubled-margin.html

      Du meinst <www.positioniseverything.net/explorer/doubled-margin.html>
      Den hatte ich schon gefunden, aber der dort beschriebene Workaround funktioniert nicht.

      Oder ich verstehe ihn nicht, wo muss ich in meinen Code, was einbauen damit das input Feld nciht mehr den absatnd hat?

      Struppi.

      1. Hallo,

        es ist wohl eher eine Variante des 3px-Texteinrückungs-Bug bei Text neben float-Boxen. Jedenfalls lässt es sich entsprechend bekämpfen:

        #rechts
        {
            margin-left: 10em;
            height: 1%;
        }

        Das height natürlich _nur_ für den IE mit Conditional Comment, aber das wird Dir ja bekannt sein.

        viele Grüße

        Axel

        1. es ist wohl eher eine Variante des 3px-Texteinrückungs-Bug bei Text neben float-Boxen. Jedenfalls lässt es sich entsprechend bekämpfen:

          #rechts
          {
              margin-left: 10em;
              height: 1%;
          }

          so wie es aussieht ist es doch der Doubled Float-Margin Bug, wenn ich die input Felder mit einem <p> umschliesse ist alles in Ordnung. Das war der einzige Workaround den ich verstanden habe.

          Struppi.

  2. Hello out there!

    Wie heißt der Bug

    Karl der Käfer?

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
    1. Hi Gunnar,

      Wie heißt der Bug

      Karl der Käfer?

      nee, der wurde doch nicht gefragt. Bleibt also nur noch der Thomas.

      Schönen Sonntag noch!
      O'Brien

      --
      Frank und Buster: "Heya, wir sind hier um zu helfen!"