CSS Fieldset Vertikal zentrieren

Nick_SMI

Ensign
Registriert
Sep. 2015
Beiträge
153
Hallo zusammen:

Bei folgendem CSS/HTML Code möchte ich, dass mein fieldset/form vertikal zentriert ist.
Die Beispiele im Inet klappten bisher nicht :/

Hoffe, ihr könnt mir helfen!
Grüße und danke im Voraus!

Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="form.css" type="text/css"/>
<link rel="icon" href="favicon.png" type="image/png">
</head>
<body>
 <form id="signup" action="auswertung.php" method="post">
  <fieldset>
Der ganze Inhalt.....
  </fieldset>
 </form>
</body>
</html>

Code:
*{margin: 0;padding: 0; font-family: Calibri; }
body {background-color: #5583A4; color: black; font-size: 15px; font-family: Calibri; text-align: center;}
form{padding: 23px; background-color: white; border-radius: 18px; margin: auto; }
h1{margin-bottom: 20px; color: black;} 
#signup p{margin: 0 0 1em 0;}
#signup{margin: 20px auto;width: 500px;}
#signup fieldset{margin: auto; padding: 20px 0; border:none;  }
 
Ja, es hat geklappt, nachdem ich #signup{margin: 20px auto;width: 500px;} entfernt habe...
 
Natürlich darfst Du margin nur einmal festlegen für jedes Element. Wenn Du es einmal für "form" festlegst, und einmal für #signup ....
 
Zurück
Oben