[css] 3 kolumny, kolejność HTML <srodek><lewo><prawo>

[vladimir]

Witam, problem jak w temacie - "klasyczny" jeśli chodzi o HTML/CSS, ale nie udało mi się wymyślić dobrej frazy do zgooglowania

Sprawa sprowadza się do takiego manipulowania floatami, żeby kod

<div id="srodek"></div>

<div id="lewy"></div>

<div id="prawy"></div>

wyświetlił nam kolumny tak jak chcemy. Rozwiązałem to wrzucając pierwsze dwa bloki w jeden pomocniczy, ale może zna ktoś jakieś lepsze rozwiązanie?

Pozdrawiam

[Michał S]

W sumie to całkiem niezły pomysł. Jak rozumiem jeszcze będzie jakiś top i stopka?

Jeśli tak to całość spiąłbym jeszcze jednym divem. Pamiętaj tylko by w kodzie wrzucić divy od prawej do lewej bo niektóre wersje IE mogą źle wyświetlać

[Gość w3master]

Rozwiązałem to wrzucając pierwsze dwa bloki w jeden pomocniczy, ale może zna ktoś jakieś lepsze rozwiązanie?

Holly CSS Gral

HTML:

<div class="container">
<div id="srodek"></div>
<div id="lewy"></div>
<div id="prawy"></div>
</div>

CSS:

.container {overfow: hidden; width: 800px;}
#srodek, #lewy, #prawy {float: left;}
#srodek {margin-left: 200px; width: 400px; display:inline;}
#lewy {margin-left: -200px; width: 200px;
#prawy {width: 200px;}