header-bild wird nicht angezeigt auf der website?

...komplette Frage anzeigen

2 Antworten

Kurz vorweg, dein Markup überarbeiten würde. Statt mit Divisions solltest du den Header auch als solchen auszeichnen. Hier mal ein kleines Snippet:

<header class="header header-cover" role="banner">
   <nav class="header-navbar" role="navigation">
       <!--// navbar here! -->
  </nav>
</header>

Da du Bootstrap verwendet wird, man auch mit dessen Klassen arbeiten kann (sollte). Aber das nur so am Rande. Was jetzt deine eigentliche Frage angeht. Entferne in deinem CSS das hight und width-Attribut bei html, body und geb dem header lediglich eine Höhe von 100vh (vh = Viewport-Hight). Dann sollte alles eigentlich alles wie gewünscht angezeigt werden. 

.header-cover {
     height: 100vh;
     background: url(../img/bgimage-cover2.jpg) no-repeat center;
     background-size: cover;
}

Eine Höhe von 100% dir in sofern nichts nützt. 

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von Rakozou
19.08.2016, 20:33

ist das dann aber noch responsive?

0
Kommentar von Geldon
19.08.2016, 21:57

der Mönch hat recht

0

../ heißt geh ein Orner nach oben , dann in img

Kann es sein das der Order aber im selben Verzeichnis ist wie die aufrufende Datei ?

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von Rakozou
19.08.2016, 20:20

nein , der pfad ist richtig , wenn ich vom bild die höhe mit px angebe funktioniert es , aber wenn ich das mit 100% angebe nicht :/ und ich will , dass es responsive ist 

0

Was möchtest Du wissen?