Hallo MrMurphy
Danke erst mal für den Hinweis und der Information der Smartphone-Browser.
Hier nochmal Mehr Quellcode zu der Geschichte:
Die index.html ist wie folgt ( habe mal den HTML-Code gekürzt )
HTML
<!DOCTYPE html>
<html lang="de">
<head>
<title>asdf</title>
<meta charset="utf-8">
<!-- Vergroesserung fuer Mobile Endgeraete "yes/no" = yes -->
<!-- Favicon -->
<!-- CSS Reset, Color, Navigationen, Fonts, Layout -->
<!-- Lightbox -->
</head>
<body>
<div class="header-cont">
<div class="header">
<img id="logo" src="img/logos/logo_aufeghuebscht.png" alt="text">
</div>
<nav class="nav">
<ul>
<li><a href="index.html" class="active" > ÜBER MICH </a></li>
<li><a href="leistungen.html"> LEISTUNGEN </a>
<ul>
<li><a href="brautstyling.html"> BRAUTSTYLING </a></li>
<li><a href="junggesellinnenabschiede.html"> JUNGGESELLINNENABSCHIEDE </a></li>
<li><a href="preise.html"> PREISE </a></li>
</ul>
</li>
<li><a href="gallery.html"> GALLERY </a></li>
<li><a href="partner.html"> PARTNER </a></li>
<li><a href="kontakt.html"> KONTAKT </a></li>
</ul>
</nav>
</div>
<div id="orchi"></div>
<div id="wrapper">
<div id="content">
</div>
</div>
</body>
</html>
Alles anzeigen
Die CSS zum header-cont:
CSS
/* Fixierter Header */
.header-cont {
width: 100%;
position: fixed;
top: 0px;
background-color: #fff;
z-index: 200;
}
Die CSS zum header:
Die CSS zum wrapper:
CSS
/* Hintergrundbreite */
#wrapper{
width: 100%;
padding-top: 20px;
background-color: #fff;
position: relative;
}
Die CSS zum content:
Und eben die CSS zum Hintergrundbild:
CSS
#orchi{
margin-top: 130px;
background-image: url(../img/bg/platzhalter.jpg);
background-position: center;
background-attachment: fixed;
background-repeat: repeat-x;
height: 400px;
}
ZitatUnd ein div mit nur einem Hintergrundbild hat halt keinen Inhalt.
Bedeutet, wenn ich dem Hintergrundbild erst einen Text oder der gleichen geben würde, wäre das dann behoben, oder kann man das auch anders regeln?
Lg