Hey,
ich habe mal ein kleines Bewerbungsformular erstellt. Nun wenn ich die Textareas rechts zur seite ziehe geht der background nicht mit, nur wenn ich es nach unten ziehe. Warum denn dass?
Meine codes:
HTML
<head>
<title>Bewerbungsformular</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="formular.css">
</head>
<body>
<div id="formular-bewerbung">
<h1>Bewerbungsformular</h1>
<form method="post" action="formular.php">
<label for="vorname"><span>*</span>Ihr Vorname: </label>
<input type="text" name="vorname" id="vorname"><br>
<label for="nachname"><span>*</span>Ihr Nachname: </label>
<input type="text" name="nachname" id="nachname">
<br><span>*</span>Ihre Schulbildung:<br>
<textarea name="schulbildung" cols="50" rows="5"></textarea>
<br><span>*</span>Ihre Interessen/Hobbys<br>
<textarea name="interessen" cols="50" rows="5" ></textarea>
<br><span>*</span>Ihre Qualifikationen: <br>
<textarea name="qualifikation" cols="50" rows="5" ></textarea><br>
<p><span>*</span> markierte Felder sind Pflichtfelder!</p>
<input type="submit" name="absenden" value="Bewerbung absenden!">
<input type="hidden" name="fehlgeschlagen" value="ja">
</form>
</div>
</body>
Alles anzeigen
CSS
*{
margin: 0px;
padding: 0px;
font-family: verdana,sans-serif;
}
#formular-bewerbung{
margin: 20px 50px;
background-color: peachpuff;
padding: 10px;
width: 30%;
}
input,textarea,h1{
margin-bottom: 30px;
}
input[type="submit"]{
padding: 20px;
border: 1px solid black;
font-weight: 800;
background-color: aqua;
margin-top: 20px;
transition: 0.5s all ease-in;
}
input[type="submit"]:hover{
cursor: pointer;
background-color: rgb(255, 153, 153);
}
span{
color: red;
}
p{
font-weight: 900;
}
Alles anzeigen
Freue mich auf eure Hilfe.
Stef