Hallo!
Ich hab eine Verständnisfrage:
Es geht wieder um das leidige Footer-Problem...
Mein Footer ist an sich immer schön unten an jeder Seite, so wie es eigentlich soll.
Jetzt habe ich aber auch ein paar Seiten, in denen wenig Text vorkommt, dafür aber ein recht großes Bild.
In dem Fall platziert sich der Footer wie vorgegeben auf 101% der Höhe der Anzeigeauflösung und bei mir mitten durch das Bild.
Würde ich die Seite mit Sinnlos viel Text zumüllen, wäre er aber wieder in Ordnung.
Beim Design handelt es sich um ein 2-Spalten Design... die divs für das Bild und den Text sind also in einem übergeordneten div aus welchem sich dann die Höhe der Seite ergibt (min-height: 101%).
Warum also orientiert sich der Interpreter nicht an dem höchsten Element sondern ausschließlich an der Höhe des Textes?
Für die, die es wichtig finden... hier mal der relevante Code:
Die div-Struktur ist wie folgt (nicht semantisch korrekt!):
<div container>
<div page_content> </div>
<div footer> </div>
</div>
#container {
width: 1190px;
min-height:101%;
position: relative;
}
page_content {
padding-bottom:10px; /* Height of the footer */
margin-top: 100px;
}
#footer {
position: absolute;
bottom:0em;
width:100%;
height: 10px; /* Height of the footer */
width: 1190px;
}
div#picture img{
float: right;
margin-bottom: 30px;
margin-left: 30px;
}
Viele Grüße
ra9na
Ich hab eine Verständnisfrage:
Es geht wieder um das leidige Footer-Problem...
Mein Footer ist an sich immer schön unten an jeder Seite, so wie es eigentlich soll.
Jetzt habe ich aber auch ein paar Seiten, in denen wenig Text vorkommt, dafür aber ein recht großes Bild.
In dem Fall platziert sich der Footer wie vorgegeben auf 101% der Höhe der Anzeigeauflösung und bei mir mitten durch das Bild.
Würde ich die Seite mit Sinnlos viel Text zumüllen, wäre er aber wieder in Ordnung.
Beim Design handelt es sich um ein 2-Spalten Design... die divs für das Bild und den Text sind also in einem übergeordneten div aus welchem sich dann die Höhe der Seite ergibt (min-height: 101%).
Warum also orientiert sich der Interpreter nicht an dem höchsten Element sondern ausschließlich an der Höhe des Textes?
Für die, die es wichtig finden... hier mal der relevante Code:
Die div-Struktur ist wie folgt (nicht semantisch korrekt!):
<div container>
<div page_content> </div>
<div footer> </div>
</div>
#container {
width: 1190px;
min-height:101%;
position: relative;
}
page_content {
padding-bottom:10px; /* Height of the footer */
margin-top: 100px;
}
#footer {
position: absolute;
bottom:0em;
width:100%;
height: 10px; /* Height of the footer */
width: 1190px;
}
div#picture img{
float: right;
margin-bottom: 30px;
margin-left: 30px;
}
Viele Grüße
ra9na
Zuletzt bearbeitet:
