Hey zusammen,
ich habe ein Problem.
Ich habe eine Login Box gemacht, die schwarze Box bleibt wunderbar da wo sie sein soll, das kann man allerdings nicht von dem Text behaupten
den ich hinzugefügt habe (Input, Texte).
Er bleibt immer genau an einer Stelle, allerdings möchte ich gerne das es bei jeder Auflösung richtig platziert ist.
Richtig:
Andere Auflösung:
CSS:
Code
#loginBox {
background: url("../images/loginBox.png") no-repeat;
background-position: top center;
height: 298px;
margin-left: -700px;
padding-left: 1155px;
margin-top: 10px;
}
#loginBox > h1 { // Überschrift
font-size: 14px;
font-family: "Segoe UI";
color: rgb(223, 223, 223);
font-weight: bold;
-moz-transform: matrix( 1,0,0,1.00454545454545,0,0);
-webkit-transform: matrix( 1,0,0,1.00454545454545,0,0);
-ms-transform: matrix( 1,0,0,1.00454545454545,0,0);
padding-top: 5px;
padding-left: 10px;
}
#loginBox > .text { // Die Inputs und der Submit
font-size: 12px;
font-family: "Segoe UI";
color: rgb(223, 223, 223);
font-weight: bold;
-moz-transform: matrix( 1,0,0,1.00454545454545,0,0);
-webkit-transform: matrix( 1,0,0,1.00454545454545,0,0);
-ms-transform: matrix( 1,0,0,1.00454545454545,0,0);
padding-top: 20px;
}
Alles anzeigen
// Edit
Problem gelöst:
-> Ein allgemeiner div der die Breite vorgibt.