trzy kolumny Opcje

[norbiQue]

witam,
mam problem i nie wiem jak go rozwiązać:
pod nav ktore ma łacznie 1100px chce umiescic trzy elementy i zeby byly obok siebie i na srodku strony ich łączna szerokość też 1100px, pod spodem footer o szerkosci 100%
<nav>cos tu</nav>
<section id=lewe>menu lewe</section><main>tekst></main><section id="prawe>menu prawe</section>
<footer>stopka</footer>

jak to ustawić, bo juz roznie kombinowalem i ciagle cos gdzies mi sie rozlazi, ale i nie zybym to wstawil to w div, bo nie tak to ma byc

[r4xz]

http://jsfiddle.net/Lu8za/3/
oczywiście role="main" musisz sam wkleić w odp. miejsce

@!*!: twój przykład jest niepoprawny - główny błąd to umieszczenie całości w section

Note: The section element is not a generic container element. When an element is needed only for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead. A general rule is that the section element is appropriate only if the element's contents would be listed explicitly in the document's outline.

---edit---
PS nie zrobisz tego bez dodatkowego diva, no ewentualnie jeśli ustawisz body na 1100px i margin auto

Ten post edytował r4xz 12.05.2013, 09:43:41