Wycentrowanie diva względem body strony

Dla specjalistów Webmastering
#1

Witam. Czy ktoś może mi pomóc z takim oto zagadnieniem.

 

Mam 3 główne elementy na stronie ze zdefiniowaną szerokością. Każdemu  znich nadaje float i o ile dwa zwnętrzne ładnie są przyklejone do krawędzi strony to środkowy jest przyklejony do lewego, a chciałbym aby był wycentrowany na środku. Kod poniżej.

<body>
<div id="cechy_left"></div>
<div id="postac"></div>
<div id="cechy_right">
		
</div>



</body>

I css

@charset "utf-8";
/* CSS Document */
html,body,*
{
	margin:0 auto;
}

#cechy_left
{
	width:20%;
	float:left;
	overflow:auto;
}
#cechy_right
{
	width:20%;
	float:right;
	overflow:auto;
}



#postac 
{
	float:left;
	width:59%;
	height:100px;
	overflow:auto;
	border:green solid thin;
}

Czy można to zrobić bez ustalania margin-left dla środkowego diva?

 

Dziękuję

#2

wywal float z środkowego diva to nie będzie przylegać,

pewnie zapytasz potem że masz nie to co chciałeś użyskać:

kolejność div ma znaczenie: zarzuć środkowy div na koniec, 

 

Tak czy siak 1% to na tyle mała wartość że nie zauważysz efektu :arrow: musisz mu nadać mniejszy width

#3

Ale fail, rzeczywiście zła kolejność div. :?

Dziękuję