Witam.

Mam taki kod:

[HTML] pobierz, plaintext 
.strona {
 
 
    margin     : auto;
    border     : 1px solid black;
    padding    : 1px;
 
 
	}
 
.LewyBanner {
 
 	float: left;
 
 
	border : none;
	padding : 1px;
 
	height : 186px;
	width: 50px;
	background-image: url(lewy_gora_1.jpg);
 
	}
 
.SrodekBanner {
 
 
	height : 186px;
	width: 901px;
	background-image: url(banner.png);
 
 
 
 
	}
.PrawyBanner {
 
  float: right;
 
   display:inline;
	height : 186px;
	width:50px;
	background-image: url(prawy_gora_1.jpg);
 
	 padding: 1px;  
 
	}
 
 .banner {
 
	border : none;
	padding : 1px;
	margin : auto;
 
	}
 
 
	<div class="strona">
 
 
		<div class="banner" >
			<div class="LewyBanner" align="right"></div>
			<div class="PrawyBanner"></div>
			<div class="SrodekBanner"></div>
		 </div>
 
 
 
    <div id="stopka"> </div>
 
</div>
[HTML] pobierz, plaintext 

Wygląda to w ten sposób: http://img79.imageshack.us/img79/2849/stronkaqt1.jpg


Mam pytanie, czy da się jakoś tak zrobić, by te trzy DIVy były wyśrodkowane ?
Czyli te dwa fioletowe pasy, żeby przylegały do czarnego bannera i były na środku tego DIVa obramowanego czarnym konturem ?

Moze to coś da:

[HTML] pobierz, plaintext 
.banner {
 
	...
	width: 1005px;
 
}
[HTML] pobierz, plaintext 

Pomogło Dzięki