layout namen geaendert
This commit is contained in:
@ -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%;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user