Hallo zusammen,
ich hoffe, ihr könnt mir bei meine Problem helfen.
Meine Seite soll so aufgebaut sein.
Oben (über die ganze Breite), soll ein sticky header sein, der aus einer externen Datei besteht. Darunter soll dann der Inhalt kommen. Am Ende des Inhalt soll immer der Footer (auch eine externe Datei) kommen. Der Footer solll, sofern der Inhalt der Seite nicht groß genug ist, auch immer unten am Bildschirmrand auftauchen.
Folgenden Code habe ich. Sobald ich die include PHP nicht habe, funktioniert es einwandfrei. Sobald ich die Dateien einbinde, wird der Inhalt über das Menü gelegt und der Footer ist etwas tiefer, als der Bildschirmrand, so dass man etwas scrollen muss. hier helfe ich mir dann im COntent mit padding-top.
<style>
html, body {
height: 100%;
}
#wrapper {
position: relative;
min-height: 100%;
height: auto;
height: 100%;
}
#content {
padding-bottom: 75px;
padding-top: 5%;
}
#header {
position: fixed;
width: 100%;
box-shadow: 1px 1px 11px 1px black;
}
#footer {
position: absolute;
width: 100%;
background-color: #333;
box-shadow: 1px 1px 11px 1px black;
bottom: 0px;
}
</style>
<!-- Das Menü wird am oberen Bildschirm gelanden. Es hat das Attribut Sticky -->
<div id="header"><?php include('menue.php'); ?></div>
<div id="wrapper">
<div id="content">content</div>
<!-- Der Footer soll automatisch an das Ende von CONTENT gestellt werden -->
<div id="footer"><?php include('footer.php'); ?></div>
</div>
Alles anzeigen
Wo habe ich den Fehlerß
Vielen Dank
Grüße
Blickwinkelkanone