[CSS][HTML]ustawienie 3 divów, Problem z opływaniem divów Opcje

[marek_90]

Witam.

Mam taki problem: próbuję ustawić obok siebie 3 divy w następujący sposób:

1 z nich jest wyśrodkowany i równy szerokości strony
2 i 3 powinny być kolejno po lewej i prawej stronie i zawierać css którym jest np tło

U mnie wygląda to tak :

[HTML] pobierz, plaintext 
<div class="main">
  <div class="lewy"></div>
  <div class="srodek"><img src="" /></div>
  <div class="prawy"></div>
</div>
[HTML] pobierz, plaintext 

CSS wygląda tak :

[HTML] pobierz, plaintext 
 
.main {
	margin:0 auto;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.srodek {
		width:918px;
		margin:0 auto;
		text-align:center;
 
}
.lewy {
		float:left;
		background-image:url();
		background-repeat:no-repeat;
 
 
}
.prawy {
 
		float:left;
		background-image:url();
		background-repeat:no-repeat;
 
}
[HTML] pobierz, plaintext 

i szczerze mówiąc nie mam pojęcia czego tam brakuje. Jakaś rada z waszej strony ? (IMG:style_emoticons/default/smile.gif)

[marek_90]

Muszę jeszcze spytać o wyśrodkowanie całości, sęk w tym, że te 2 boczne divy muszą zmieniać swoją szerokość automatycznie w zależnosci od rozdzielczości ekranu.