layout namen geaendert

This commit is contained in:
Peter Hoppe
2022-12-12 15:18:29 +01:00
parent b9f8ea83fd
commit eee164068b

View File

@ -32,13 +32,13 @@ row
<div class="container">
<nav class="nav left">left</nav>
<section class="main">
<div class="col top">header</div>
<div class="col header">header</div>
<div class="col middle">
<div class="ver_hor_center">
main
</div>
</div>
<div class="col bottom">footer</div>
<div class="col footer">footer</div>
</section>
</div>
@ -65,7 +65,7 @@ row
.col {
margin: 2px;
}
.top {
.header {
flex: 0 0;
height: 20px;
background: yellow;
@ -74,7 +74,7 @@ row
height: 100%;
background: pink;
}
.bottom {
.footer {
flex: 0 0;
height: 20px;
background: cyan;
@ -84,6 +84,6 @@ row
{
/* horizontal und vertikal zentrieren */
position: absolute;
top: 50%;
left: 50%;
top: 25%;
left: 25%;
}