zentrierung der 2 besprochenen Seiten fix

This commit is contained in:
ja
2021-10-15 09:23:26 +02:00
parent d8268a9843
commit 5320c7adca
4 changed files with 22 additions and 19 deletions

View File

@@ -85,21 +85,19 @@
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

@@ -15,22 +15,28 @@
background-color: #003680; background-color: #003680;
} }
#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

@@ -109,7 +109,6 @@
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%;