umschließendes Div - Problem mit position: absolut;

[the_real_didi]

Logo und Content-Bereich sind in einem Div gruppiert, welches mit postion: absolute; zentriert wurde.

Jetzt wollte ich einen footer (grüner rahmen) über die ganze Seiteenbreite darunter platzieren und dafür um den zentrierten Div ein umschließendes bauen, dass dann die gesamte content-höhe hat um darunter den footer zu platzieren. Durch das position: absolute; bekommt es aber die höhe nicht.

Was muß ich hier angeben, damit das div den Content wirklich umschließt?

hier noch der code

<div id="seite">
            <div id="template-body">
                <div id="logo">
                    <img src="Bilder/Versuch2_04.png" alt="Logo Laufen nach Plan" title="Logo Laufen nach Plan" />
                </div>
                <div id="runde_ecken">
                    <div id="ecke_links"></div>
                    <div id="ecke_rechts"></div>
                </div>
                <div id="main">
                    <div id="div-content">
                        &nbsp;
                    </div>
                    <div id="div-sidebar">
                        ich bin eine sidebar und möchte gern neben dem Inhalt stehen.
                    </div>
                    <div id="clear">
                    &nbsp;
                    </div>
                </div>
            </div>
        </div>
        
        <div id="footer">
            <div id="abschluss-content">
                &nbsp;
            </div>
            <div id="footer-links">
                
            </div>
        </div>

und das CSS:

#seite {
    width: 100%;
    border: 1px solid #ff0000;
}

#template-body {    
    position: absolute;
    left: 50%;
    margin-left: -480px;
    width: 960px;    
}

#div-content {
    text-align: left;
    padding-left: 20px;
    width: 600px;    
    float: left;
}

#div-sidebar {
    width: 300px;
    float: right;
}

#clear {
    clear: both;
}

#footer {
    width: 100px;
    height: 170px;
    background-image: url(Bilder/Versuch2_16.png);
    background-repeat: repeat-x;
    border: 1px solid #00ff00;
}

 

[MyBad]

AW: umschließendes Div - Problem mit position: absolut;

Warum zentrierst du das Div denn mit position: absolute? Mach es doch mit margin: auto;!
Dann hast du das Problem nicht, das der Footer nach oben rutscht.

 

[the_real_didi]

AW: umschließendes Div - Problem mit position: absolut;

man sollte eben doch nicht das erst beste tutorial verwenden. Danke. das hat funktioniert.