Probleme mit Margin, Position, Bottom & Co.

Hi Jungs und Mädels,

eure Hilfe ist gefragt!
Bei einem Joomla-Template Projekt soll die Fußzeile immer ganz unten platziert sein. Beim runterscrollen fällt einem dann auf, dass die Footer-Box nicht bündig mit der Seite abschließt.

Hier der Screen:
http://s1.directupload.net/images/120331/2958b54z.png

Und hier der Code:

<div class="main"> <!-- Footer --> <div class="footerTree"> <!-- Kein Inhalt --> </div> <div class="footer"> <jdoc:include type="modules" name="footer" style="sidebar" /> </div> </div>

[CODE]
html, body {
padding: 0;
margin: 0;
background-image: url(…/images/background.jpg);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
}

div.main {
width: 989px;
min-height: 1000px;
background-image: url(…/images/main.png);
background-repeat: repeat-y;
margin: auto;
position: relative;
}
div.footer {
width: 960px;
height: 32px;
background-image: url(…/images/footer.jpg);
font-size: 12px;
font-weight: bold;
color: #FFF;
text-align: right;
padding: 0;
margin: 0;
padding-right: 20px;
z-index: 0;
position: absolute;
bottom: 0;
}
div.footerTree {
width: 169px;
height: 218px;
background-image: url(…/images/baumFooter.png);
background-position: right;
background-repeat: no-repeat;
z-index: 1;
bottom: 0;
position: absolute;
}[/CODE]

Ich bedanke mich schon mal jetzt :slight_smile:

Lass mal

min-height: 1000px;

weg.

Das funktioniert auch nicht…
Zumal das Problem ist, dass die Seite ja immer eine 100%ige Höhe haben sollte (mindestens).

Und irgendwie wird der Text (im weißen Feld zensiert) mit einem padding angezeigt (also padding-top), obwohl gar keins drin ist? :open_mouth:

Die min-height:1000px sind doch keine 100%. Also ändern. Dein body , html braucht noch height:100%;

Dann wäre das mit der Höhe schon mal geregelt. Danke :slight_smile:

Nur ist der Abstand noch da und das mit dem padding verstehe ich auch nicht.

Das Problem war ganz einfach ein

-Tag im Footer Div.
Hätte ich wissen sollen.

Besten Dank!

Das mit dem Padding ist anderst als auf den ersten Blick zu erkennen.
wenn du ein width: 100%; und ein padding: 5%; hast dann ist die box
schlussendlich 110% breit. verstanden?