Hallo Community,
ich habe das Problem das FireFox nicht auf den oben genannten Befehl reagiert. Hier das Bild Beispiel:
https://picload.org/view/dgdglaor/unbenannt.png.html
Und in Chrome:
https://picload.org/view/dgdglaoa/unbenannt2.png.html
https://picload.org/view/dgdglaol/unbenannt3.png.html
Hier mal der CSS Teil.
Muss dazu sagen das ich noch ein Neuling bin und noch nicht weiß wie ich das hässliche „form, .form-container“ weg bekomme.
[CODE]body{
margin: 0 auto;
background-image:url(EFT.png);
background-repeat:no-repeat;
background-position:center;
}
h1{
color: rgba(232,190,107,0.8);
font-family: cursive;
}
form, .form-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.container{
width: 300px;
height: 270px;
text-align: center;
background-color: black;
margin: 0 auto;
border-radius: 7px;
margin-top: 200px;
}
input{
height: 40px;
width: 280px;
}
.button1{
background-color:rgba(232,190,107,0.8);
border-color: black;
font-family: cursive;
font-size: 1.4em;
border: 1px;
}[/CODE]
Der HTML Teil:
[CODE]
Login
<br class="clear">
<input type="password" name="Passwort" maxlength="20" id="password" value class="Passwort" placeholder="Passwort" required>
<br>
<input type="submit" class="button1" value="Anmelden" style="width: 170px;">
</form>
</div>
</body>[/CODE]
Komischerweiße sieht auch der Hintergrund bei Firefox ander aus.
Danke für eure Hilfe