Fixzentrierung der 2 besprochenen Seiten fix

This commit is contained in:
ja
2021-10-15 09:23:26 +02:00
parent d8268a9843
commit 00337ae565
6 changed files with 33 additions and 25 deletions

View File

@@ -84,22 +84,20 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 1024px; width: 1024px;
height: 800px; height: 800px;
margin: auto; margin: 0 auto;
top: 50%; margin-top: 0px;
left: 50%;
transform: translate(0, -50%);
} }
.container-fluid { .container-fluid {
width: 400px; width: 400px;
height: 379px; height: 379px;
background-color: rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.5);
margin: auto;
top: 50%; top: 50%;
bottom: auto;
left: -20%; left: -20%;
transform: translate(0, -50%); right: 520px;
margin: auto;
} }
#tbl_main { #tbl_main {

View File

@@ -16,21 +16,25 @@
} }
#content_container { #content_container {
position: absolute;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 1024px; width: 1024px;
height: 800px; height: 800px;
margin: 0 auto; top: 50%;
margin-top: 0px; left: 50%;
transform: translate(0, -50%);
} }
.container-fluid { .container-fluid {
width: 400px; width: 400px;
height: 295px; height: 295px;
background-color: rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.5);
margin: 0 auto; margin: auto;
margin-top: 50%; top: 50%;
left: -20%;
transform: translate(0, -50%);
} }
#tbl_main { #tbl_main {

View File

@@ -9,7 +9,7 @@
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
background-color: #fff; background-color: #fff;
overflow-y: clip;
} }
#Login1_LoginButton { #Login1_LoginButton {
@@ -18,8 +18,9 @@
padding: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
} }
#content_container { #content_container {
position: absolute;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@@ -33,8 +34,11 @@
width: 400px; width: 400px;
height: 274px; height: 274px;
background-color: rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.5);
margin: 0 auto; top: auto;
margin-top: 50%; bottom: auto;
left: -20%;
right: 520px;
margin: auto;
} }
#tbl_main { #tbl_main {

View File

@@ -108,8 +108,7 @@
width: 400px; width: 400px;
height: 613px; height: 613px;
margin: 0 auto; margin: 0 auto;
margin-top: 0px; margin-top: 0px;
} }
.container-fluid { .container-fluid {
@@ -118,8 +117,8 @@
height: 613px; height: 613px;
top:50%; top:50%;
bottom: auto; bottom: auto;
left: -400px; left: -195px;
right: 0; right: 520px;
margin: auto; margin: auto;
} }

View File

@@ -80,7 +80,7 @@
.container-fluid { .container-fluid {
width: 400px; width: 400px;
height: 713px; height: 613px;
background-color: rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.5);
margin: 0 auto; margin: 0 auto;
margin-top: 150%; margin-top: 150%;

View File

@@ -121,8 +121,11 @@
width: 400px; width: 400px;
height: 713px; height: 713px;
background-color: rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.5);
margin: 0 auto; top:50%;
margin-top: 150%; bottom: auto;
left: -195px;
right: 520px;
margin: auto;
} }
#tbl_main_M { #tbl_main_M {
font-family: Arial; font-family: Arial;