[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)

[lobopol]

daj lewemu i prawemu jakąś szerokość no i wysokość/treść

[b4rt3kk]

Wszystko w porządku, tylko nie widzisz tych divów fizycznie, bo są puste, nadaj im wymiary w css, albo wpisz treść. Aha, floaty powinny być tak:

lewy float: left
srodek float: left
prawy float: right

Ten post edytował b4rt3kk 28.07.2011, 18:46:05

[marek_90]

Wygląda to tak :

div środkowy ma 918 px

a te po bokach kolejno lewy i prawy po 460 px i jak wstawie te szerokości to sie nakładają tak że lewy jest na górze heh (IMG:style_emoticons/default/wstydnis.gif)

[lobopol]

http://jsfiddle.net/F2bhV/1/ (jak za mały boks to go powiększ)

[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.

[lobopol]

To wszystkie do trzeciego diva z ustaloną szerokością i margin:auto, a co do ich szerokości na podstawie ekranu to niestety js, jeżeli mają być obok siebie