Div's strechtchen

[HoschMOsch]

Hi Community,

ich komm einfach nicht dahinter was ich noch machen muss. Ich hoffe ich kann es vertändlich erklären.

also mein Zentraler Bereich besteht aus drei DIV's. Einer rechts (Bild) einer in der Mitte (Content)und einer links (Navi).
Hab ich mit float's gemacht.
Dadrunter habe ich ein weitere div, den Footer. dieser erstreckt sich horizontal über alle anderen.

jetzt ist es so das wenn einer der drei div'd eine gewisse Größe hat (height) das die anderen zwei sich nicht ebenfalls bis zum footer erstrecken. macht man doch mit height:auto; oder nicht ?

aktuelle zu sehen unter sl.büroservice.de

ich blicks einfach nciht. weil ich will das der linke bereich eine andere hintergrund farbe hat als die anderen beiden.

jemand eine idee ?

hier noch mein Code:

<div id="container">  
	  
	<div id="banner">  
		###LOGO###  
		<div id="platzhalter">  
			###PLATZHALTER###  
		</div>  
		<div id="navihead">  
			###KLICKPFAD###  
		</div>  
	</div>  
	<div id="inner">  
	    <div id="links">  
			<div id="navi">  
				###MENU_LINKS###  
			</div>  
	      	<!--<div id="suche">  
				&nbsp;###SUCHE###  
	      	</div>-->  
	    </div>  
		  
		<div id="right">  
		    ###RECHTS###  
		</div>  
		  
		<div id="center">  
	      	<div id="head">  
	      		###DATUM### :: ###SPRACHE### :: ###DRUCKVERSION###  
	      	</div>  
	        <div id="content">  
				###INHALT###  
	        </div>  
	    </div>  
	  
    </div>  
    <div id="footer">  
    	###FOOTER###  
    	<div id="naviunten">###NAVIUNTEN###</div>  
	</div>  
</div>      	  

  
#links {  
	width: 233px;  
	height: auto;  
	float: left;  
	background-color: orange;  
}  
  
#inner {  
  
}  
  
#center {  
	margin-left: 233px;  
	padding: 25px 25px 25px 25px;  
	width: auto;  
	height: auto;  
	background-color:white;  
}  
  
#head {  
	width: auto;  
	height: auto;  
	background-color:white;  
}  
  
#content{  
	width: auto;  
	height:auto;  
	background-color:white;  
}  
/* ----------Rechter Bereich--------- */  
  
#right{  
	width: 215px;  
	height: auto;  
	float: right;  
	text-align: left;  
	padding-top: 25px;  
}  
#navi {  
	text-align:left;  
	color: white;  
	height:auto;  
}