[CSS][HTML]Zmiana rozmiaru okna - zachowanie się div'ów Opcje

[weisuw]

Kolejność przesuwania się divów.

Witam. Problem może powszechny, ale nie znalazłem nic w internecie. Mam stronę z 3 divami. Pierwszy ma float ustawiony na left, drugi right, trzeci jest wyśrodkowany, pomiędzy nimi (margin:auto).
Problem pojawia się przy pomniejszaniu okna przeglądarki (bądź zmianie rozdzielczości). Nie chciałbym aby divy na siebie nachodziły, więc gdy wszystke nie mieszczą się już w widoku okna - jedno z nich jest przesuwane na spód. Słusznie.
Chciałbym jedynie zmienić kolejność zanikania divów:
oczekiwania: najpierw pozbywam się tego po prawej, potem lewego a na końcu środkowego.
rzeczywistość: teraz to środkowy znika jako pierwszy,potem prawy, na końcy lewy

zależy mi by środkowy był przesuwany jako ostatni/w ogóle!

Kod:

CSS:

[HTML] pobierz, plaintext 
#lewy {
	display:block;
	width: 100px;
	height:550px;
	float:left;
	margin-bottom:20px;
}
#środkowy {
	display:block;
	width:550px;
	height:550px;
	margin: auto;
	margin-top:20px;
}
#prawy {
	display:block;
	width: 100px;
	height:550px;
	float:right;
	margin-bottom:20px;
}
[HTML] pobierz, plaintext 

HTML:

[HTML] pobierz, plaintext 
<div id="lewy">
...
</div>
<div id="prawy">
...
</div>
<div id="środkowy">
 
</div>
[HTML] pobierz, plaintext 

Mam nadzieję, że da się to jakoś rozwiązać, dzieki za pomoc (IMG:style_emoticons/default/smile.gif) .

[Damonsson]

Ciężka sprawa, nic mi nie przychodzi do głowy w samym css. Ale może znajdzie się ktoś mądrzejszy, ot takie wyzwanie (IMG:style_emoticons/default/wink.gif)

A tak z ciekawości, po co Ci to?

Ten post edytował Damonsson 31.10.2011, 16:10:41