Probleme mit Margin, Position, Bottom & Co.

[zerophreak]

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:

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>

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;
}

Ich bedanke mich schon mal jetzt :)

 

[threadi]

Lass mal

min-height: 1000px;

weg.

 

[zerophreak]

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? :O

 

[djheke]

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

 

[zerophreak]

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

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

 

[zerophreak]

Das Problem war ganz einfach ein <p>-Tag im Footer Div.
Hätte ich wissen sollen.

Besten Dank!

 

[devilseye]

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?