Hallo zusammen..
mittlerweile habe ich es geschafft einen Header zu erstellen, sogar aus mehreren "Div's" d.h. zum Beispiel den Schatten nochmal als extra "div" usw.
Nun hab ich aber einige Probleme mit dem Footer, ich habe hier im Forum gelesen, dass es bessere alternative angeblich zu dem Sticky Footer gibt.
Ich hab das Tutorial ausprobiert, es funktioniert, aber sobald ich das ganze in meinen Code intergrieren möchte gehts schief. hab zum Beispiel meinen jetztigen Header mit "repeat-x" von ganz links nach ganz rechts laufen lassen. Aber durch die fest definierte Größe von "850px" was in dem Tutorial notwendig war, ändert er mir jetzt auch den header auf diese Größe, ich hoffe ihr versteht ein bisschen was ich meine. Hab das gleiche eigentlich auch mit dem Footer vor, aber da hab ich mich noch nicht dran getraut.
<body>
<div id="homepage">
<div id="header"></div>
<div id="inhalt">
<p>Inhalt</p>
<p>Inhalt</p>
<p>letzte Zeile vom inhalt</p>
</div>
<div id="fussbereich">
ww.html-seminar.de
</div>
</div>
</body>
Alles anzeigen
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
text-align: center;
}
#header {
background-image: url(images/kopfbereich.gif);
background-repeat: repeat-x;
background-position: top;
height: 309px;
}
#homepage {
position: relative;
min-height: 100%;
width: 850px;
margin: 0 auto;
background-color: black;
}
#inhalt {
text-align: left;
background-color: brown;
padding-bottom: 2em;
}
#fussbereich {
position: absolute;
bottom: 0;
width: 100%;
background-color: aqua;
height: 2em;
line-height: 2em;
}
Alles anzeigen
Gruß John