Posizionare un div in basso dentro un div absolute e alto 100%

**marcopaolo79** · 10-06-2013, 22:15

Ciao a tutti io ho un mio div conteiner così composto:

codice:

#container {
	position:absolute;
	width:860px;
	height:100%;
}

e vorrei posizionare al suo interno un altro div chiamato footer in modo che stia in fondo alla finestra.
E siccome il mio div container si adatta alla finestra vorrei che il mio div footer si adattasse di conseguenza.
Ho provato così, ma non funziona... o meglio non visualizzo il contenuto del div come se scomparisse dallo schermo... cosa sbaglio? devo fare?

codice:

#container #footer {
	width:860px;
	height:40px;
	position: absolute;
	bottom:0px;
}

grazie a tutti

**Nobody33** · 10-06-2013, 23:44

codice:

<head>

<style>
body {
    margin:0;
    padding:0;
    min-height:100%;
}

#container {
    height: 100%;
}
* html #container { height:100% }

#header
{
    width: 100%;
    background-color: green;
    height: 60px;
    color: White;
    text-align: center;
    position: relative;
    top:0px;
}
#footer
{
    width: 100%;
    background-color: #f00;
    height: 50px;
    position:absolute;
    bottom: 0;
    color: White;
    text-align: center;
}
#content
{
    width: 800px;
    height: auto;
    background-color: grey;  
    margin: 0 auto 0 auto;
}

</style>

</head>
<body> 
    <div id="container">
        <div id="header">
            HEADER
        </div>
        
            <div id="content">
               CONTENT
            </div>
        <div id="footer">
            FOOTER
       </div> 
</div>
</body>

Discussione: Posizionare un div in basso dentro un div absolute e alto 100%

Strumenti discussione

Ricerca discussione

Visualizza

Posizionare un div in basso dentro un div absolute e alto 100%

Permessi di invio