Hallo,
ich hätte gerne einen Seitenkopf der immer 80% Breite und 20% Höhe des Viewports einnimmt.
Später soll hier horizontal u. vertical zentriert eine Grafik und eine h1 erscheinen aber das ist der nächste Schritt.
( Den sollte ich dann selber hinkriegen ).
Ich bekomme es nur so geregelt:
#haupt {
position: absolute;
width:100%;
height:100%;
background-color: blue;
}
.kopf {
width:80%;
height:20%;
background-color: silver;
text-align: center;
margin: 1% auto;
}
<body>
<div id="haupt">
<h1 class="kopf">Grafik Überschrift</h1>
</div>
</body>
Damit "nagel" ich haupt absolut in den Viewport.
a) Ist das ein Nachteil wenn ja warum?
b) Wie kann ich es besser lösen?
Antwort oder Link zum selber studieren wäre super.
Danke Hawa
ich hätte gerne einen Seitenkopf der immer 80% Breite und 20% Höhe des Viewports einnimmt.
Später soll hier horizontal u. vertical zentriert eine Grafik und eine h1 erscheinen aber das ist der nächste Schritt.
( Den sollte ich dann selber hinkriegen ).
Ich bekomme es nur so geregelt:
#haupt {
position: absolute;
width:100%;
height:100%;
background-color: blue;
}
.kopf {
width:80%;
height:20%;
background-color: silver;
text-align: center;
margin: 1% auto;
}
<body>
<div id="haupt">
<h1 class="kopf">Grafik Überschrift</h1>
</div>
</body>
Damit "nagel" ich haupt absolut in den Viewport.
a) Ist das ein Nachteil wenn ja warum?
b) Wie kann ich es besser lösen?
Antwort oder Link zum selber studieren wäre super.
Danke Hawa
