css: Banner ganz oben bei der Website erstellen?
ich möchte einen banner wie hier diesen grünen erstellen, der auf der Seite ganz oben und 100% breit ist. doch wie geht das ?
hiermit verschiebt er die Seite nicht nach unten sondern es wird dahinter angezeigt :
.mybanner{
background-color: red;
padding-top: 40px;
}
2 Antworten
Vom Beitragsersteller als hilfreich ausgezeichnet
![](https://images.gutefrage.net/media/user/Isendrak/1555747535308_nmmslarge__0_0_160_160_7f828fad18ee7edb96b8daceedaeeadb.png?v=1555747535000)
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
programmieren
Zum Beispiel so: https://jsfiddle.net/isendrak/kas0m9rp/
![](https://images.gutefrage.net/media/user/Isendrak/1555747535308_nmmslarge__0_0_160_160_7f828fad18ee7edb96b8daceedaeeadb.png?v=1555747535000)
Isendrak
15.11.2019, 09:40
@Isendrak
Falls zweiteres der Fall sein sollte: https://jsfiddle.net/isendrak/h4ft1Lyv/
![](https://images.gutefrage.net/media/user/TimMagFussball/1535299982210_nmmslarge__0_275_952_952_052b06196d8f911c12daa454ff8d0e01.jpg?v=1535299982000)
![](https://images.gutefrage.net/media/user/Isendrak/1555747535308_nmmslarge__0_0_160_160_7f828fad18ee7edb96b8daceedaeeadb.png?v=1555747535000)
Isendrak
15.11.2019, 20:16
@TimMagFussball
In dem Fall, wie gesagt: https://jsfiddle.net/isendrak/h4ft1Lyv/
![](https://images.gutefrage.net/media/default/user/13_nmmslarge.png?v=1551279448000)
Du setzt deinen Body auf 100%
body {
width: 100%;
}
.deinBanner {
height: 50px;
background-color: green;
width: 100%;
}
Dann erstellst du ein Div ganz oben im Body
<body>
<div class="Dein Banner">...</div>
...
</body>
![](https://images.gutefrage.net/media/user/TimMagFussball/1535299982210_nmmslarge__0_275_952_952_052b06196d8f911c12daa454ff8d0e01.jpg?v=1535299982000)
aber es schiebt den rest nicht nach unten sondern wird verdeckt
![](https://images.gutefrage.net/media/default/user/13_nmmslarge.png?v=1551279448000)
![](https://images.gutefrage.net/media/user/TimMagFussball/1535299982210_nmmslarge__0_275_952_952_052b06196d8f911c12daa454ff8d0e01.jpg?v=1535299982000)
Wobei, fiel mir grad ein: Willst du, dass der Banner den oberen Seitenrand überdeckt oder willst du, dass der komplette Inhalt der Seite nach unten verschoben wird, solange der Banner angezeigt wird?