Gernot Back: legend in fieldset zentrieren

Beitrag lesen

SELF-Forum

legend in fieldset zentrieren

Gernot Back Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo Dieter,

Jetzt hätte ich es gerne, dass diese Legende zentriert über dem Block steht.
Text-align etc. bringt nichts.
Weiß jmd. weiter?

Ich kann dir in dem Fall nur raten, beim guten alten HTML-Attribut <legend align="center"> zu bleiben.

Mit CSS kannst du zwar auch ein bisschen was positionieren, je nach Länge des Legend-Textes ist das aber auch nicht genau, läuft nicht in Mozilla/Firefox und warum das BODY-Element im IE hier der Eigenschaft margin:auto bedarf, weiß ich auch nicht, ist aber so:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html>  
<head>  
<title>Legende zentrieren</title>  
<style type="text/css">  
[code lang=css]  
body {  
  margin:auto;  
}  
  
legend {  
  position:relative;  
  left:50%;  
}

</style>
</head>
<body >
<form action="">
<fieldset>
  <legend align="center">hallo</legend>
  <input type="Checkbox" name="" value="v">
  <input type="Checkbox" name="" value="v">
  <input type="Checkbox" name="" value="v">
</fieldset>
</form>
</body>
</html>[/code]

Vielleicht hat aber jemand anders noch eine andere Idee, die dir mit CSS zur strikteren Trennung von Inhalt und Gestaltung verhilft.

Gruß Gernot

Beitrag melden
–
Informationen zu den Bewertungsregeln