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