• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Seiteninhalt länger als Seite

Werbung:
Werbung:
Ich hab das im Browser-DeveloperTool folgendermaßen gelöst bekommen:
HTML:
<!-- Klasse .how_bg für <body> anstatt <div id="wrap"> -->
<body class="how_bg">
<div id="wrap">
how.css:
CSS:
#gc_bg {
/*background: rgba(0,0,0,0.5);*/ /* auskommentiert = deaktiviert */
}
/* <div id="gc_bg"></div> entfällt somit im HTML-Code */

body > #wrap { /* neu erzeugt */
background: rgba(0,0,0,0.5)
}

.how_bg {
background: url(../images/AdobeStock_84628920.jpeg);
background-attachment: fixed;
background-position: center center;
background-size: cover
/*overflow: hidden;*/ /* auskommentiert = deaktiviert */
}
Sofern alle Seiten das gleiche Hintergrundbild erhalten, kann die Klasse .how_bg auch entfallen, und die Formatierungen in style.css auf <body> angewendet werden.

Zwei grundsätzliche Anmerkungen:
HTML:
<title>...</title>
gehört nicht in <body></body>, sondern <head></head>.
HTML:
</br>
heißt
HTML:
<br />
 
Werbung:
Zwei Tipps für die begonnenen Reparaturarbeiten :cool:
HTML:
<!-- Klasse .how_bg für <body> anstatt <div id="wrap"> -->
<body class="how_bg">
<div id="wrap">
War nicht so zu verstehen:
HTML:
<body>
  <header>...</header>
  <body class="how_bg">
    <div id="wrap">...</div>
  </body>
  <footer>...</footer>
</body>
sondern selbstverständlich im validen Kontext:
HTML:
<body class="how_bg">
  <header>...</header>
  <div id="wrap">...</div>
  <footer>...</footer>
</body>
Und nicht zu vergessen:
CSS:
.how_bg {
...
/*overflow: hidden;*/ /* auskommentiert = deaktiviert */
}
damit der aktuell abgeschnittene Inhalt incl. Footer erreichbar ist.
 
Hi Spacelab,

aktuell war das mit dem body so, dass ich im Body mit php meinen Seiteninhalt reinladen, weshalb der Body dann gedoppelt wurde. Werde den Body-Tag nun auslagern. Vielen Dank für deine Hilfe.

Grüße
 
Werbung:
Zurück
Oben