Höhe des Fieldset-Element wird unterschiedlich im IE und Firefox dargestellt

dih

Hallo,

zur Darstellung des Login-Benutzers verwendet ich ein Fieldset-Element:

HTML

<fieldset>
      <legend>Login</legend>
      <span id="sS03">Nutzer:</span>
      <span id="sS03fett"><?php echo $_SESSION['username']; ?></span>
</fieldset>

Über ein CSS-File versuche ich nun die Darstellung des Fieldset-Elements zu strukturieren:

Code

#dHead fieldset{ /*Anzeige Login Benutzer*/
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 2px groove (internal value);
  width: 150px;             
  height: 35px;   
  left: 700px; 
  top:-5px;
  margin-left: 5px;    
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  position: absolute;     
}
#dHead  fieldset legend {
  font-size: 13px; /*Größe des Textes der Legende vom Fieldset-Element */
  color: blue;
}

Alles anzeigen

Die Darstellung im Firefox sieht auch ganz gut aus. Leider wird das Fieldset-Element im IE-Explorer viel zu schmal
angezeigt. Wenn ich nun aber die Höhe (height= 35px) größer stelle ist natürlich dann das Opjekt im Firefox zu groß...
Kann mir jemand hier weiterhelfen?

Darstellung siehe Bild:

Kurokami

http://www.mediaevent.de/xhtml/fieldset.html
Hoffe das hilft

Code

fieldset { border: 2px solid #C5D8E1; 
           border-radius: 6px; 
           background: white; } 
           …
<!--[if lt IE 9]>
<style type="text/css" title="text/css">
fieldset { border: 1px solid silver; padding: 3px; }
</style>
<![endif]-->

threadi

Um welche Version des Internet Explorer geht es eigentlich?

dih

Ok danke, habe meinen Fehler gefunden. Es war ein Kommentar vor dem HTML-Inhalt der allerdings nur beim beim IE diesen Effekt bewirkte... IE Version 10

Tags