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