Allineamento FOOTER

[monigna82]

Salve,
sto facendo un portale con wordpress ma ci sono delle cose che non mi tornano, anche se credo siano svincolate dal software di utilizzo.

Allora io ho una pag web formata così:

	
	<div id="container"> 
    

	<div id="header">  bla bla bla </div>

 <div id="content">
   <div id="contenuto"> 

       

 tutto il testo apparirà qui </p>

   </div>
 </div>


<div id="sidebar">
    qui c'è l'elenco del menu
</div>


<div id="footer">Nome Azienda</div>
</div>

e il relativo CSS:

div#container{
	position:relative;
	background-attachment: scroll;
	background-image: url(img/back-out.jpg);
	background-repeat: repeat;
	left:50%;
	top: 8px;
	width:968px;
	height:1231px;
	margin:0 0 0 -484px;
	}
	
div#header{
	height:198px;
	border:0;
	}	
#sidebar{
	position:absolute;
	width:193px;
	left: 13px;
	top:200px;
	bottom: 13px;
	background-color: #1b6d92;
	}
div#content{
	float:left;
	width:968px;
	top:0;
	padding-left: 0px;
	height:100%;
	}
		
div#contenuto{
	background-color:#2d87aa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: repeat;
	text-align: justify;
	vertical-align: top;
	padding-top: 0px;
	margin-right: 12px;
	margin-left: 207px;
	padding-right: 18px;
	padding-left: 5px;
	}
	
div#footer{
	position:relative;
	width:100%;
	margin-top: 793px;
	background-image: url(img/footer.jpg);
	background-repeat:no-repeat;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #015D86;
	vertical-align: middle;
	text-align: center;
	background-position: center;
	padding-top: 0px;
	}

così facendo quando la pagina è vuota il footer mi rimane correttamente posizionato, purtroppo sono costretta a lavorare su un altezza fissa quindi a pagina vuota posizionando il footer con:

margin-top: 793px;

si posiziona bene, ma quando vado a riempire il content questo scorre il base alla fine del div..ovvero i 793px me li conta dal termine del div content... c'è un modo per far rimanere fisso il footer a heigh=X pixel??

[Mich_]

Dovresti eliminare tutti posizionamenti, affiancare i blocchi tramite float ed usare la tecnica delle "false colonne".

Comunque ci sono in giro dei layout da copiare: prendi ispirazione da quelli (puoi partire dai "link utili" del forum).