Footer sovrapposto

**lupoz** · 03-10-2012, 12:04

Voglio creare un layout a due colonne: la prima di sx con larghezza fissa e la seconda che riempia il resto della pagina.

Le due colonne funzionano ma il footer si sovrappone alla colonna di sinistra.

HTML

codice:

<html>
<head>
	<title>Title</title>
</head>
<body>

<div id="leftmenu">
    Menu
</div>
    
<div id="content">
    Content
</div>


<div id="footer">
    

Footer</p>
</div>

</body>
</html>

CSS

codice:

#leftmenu{
    position:absolute;
    width:250px;
    border-right:1px solid darkgrey;
    text-align: right;
}
#content{
    margin-left:250px;
}

#footer {
	clear:both;
	width:100%;
	border-top:1px solid #000;
}

**FPDesign** · 03-10-2012, 17:35

Prova a togliere il position:absolute sulla colonna di sx e metterci un float:left...

In ogni caso puoi dare una letta a questa guida:
http://www.html.it/articoli/layout-l...e-con-i-css-1/

Ciauz

**lupoz** · 03-10-2012, 17:43

Ho risolto! Grazie mille!

Discussione: Footer sovrapposto

Strumenti discussione

Ricerca discussione

Visualizza

Footer sovrapposto

Permessi di invio