Allora. La pagina in questione è questa: mondocellulare.eu
Sto facendo un tema wordpress.
Il codice html è questo:
codice:
<div id="page">
 <div id="header">
  <div id="logo"></div>
  <div id="menu">
   QUI IL MENU
  </div>
 </div>
 <div id="blu">
  <div id="contenuto">
   <div id="sidebarbig">
    <div id="banner">
	 <div id="banner250">
	  BANNER ILLUSTRATO
	  </div>
	 </div>
    <div id="sidebarl"></div>
    <div id="sidebarr"></div>  
   </div>
  <div id="content">
    <div id="articolo">
    TUTTI GLI ARTICOLI
    </div>
   </div>
  </div>
  <div id="footer"></div>
</div>
i CSS dei div in questione sono:
codice:
#page {
	width: 920px;
	margin: 0 auto;
	height: auto !important;
}
#header {
	height: 160px;
	width: 920px;
	margin: 0 auto;
}
#logo {
	background-image: url(img/logo1.jpg);
	background-repeat: no-repeat;
	height: 125px;
	width: 920px;
}
#menu {
    background-image: url(img/menu.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	height: 50px;
	width: 920px;
	margin: 0 auto;
}
#contenuto {
	background-color: #FFFFFF;
	width: 910px;
	margin-left: 2px;
	min-height: 400px;
	height: auto !important;
	margin: 0 auto;
	margin-top: -10px;
}
#content {
	background-color: #FFFFFF;
    float:left;
	width: 520px;
	margin-left: 15px;
	height: auto !important;
}
#sidebarbig {
	background-color: #FFFFFF;
	float: right;
	width: 370px;
	height: auto !important;
	position:relative;
}
#sidebarl {
	background-color: #FFFFFF;
	float: left;
	width: 185px;
	height: auto !important;
}
#sidebarr {
	background-color: #FFFFFF;
	float: right;
	width: 185px;
	height: auto !important;
}
#blu {
	background-color: #3f64c2;
	width: 920px;
	height: auto !important;
}
#footer {
	background-image: url(img/footer.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 920px;
	margin: 0 auto;
}
Praticamente, vorrei che il footer non fosse li all'inizio, ma sia dove finiscono gli articoli. E nello spazio sotto il banner pubblicitario, sia bianco fino alla fine dove trova il footer.
Dove sbaglio?
Grazie