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

[!*!]

Zastosuj display:table

[norbiQue]

do czego? bo jakoś to mi nie działa (IMG:style_emoticons/default/biggrin.gif)

[!*!]

http://jsfiddle.net/Lu8za/

[norbiQue]

no tak, lecz tu wszystko jest w section, u mnie nie, tylko w body

Ten post edytował norbiQue 11.05.2013, 14:04:51

[!*!]

I co w związku z tym? Zmień sobie.

[norbiQue]

mam tak zrobić?
<section>
<section id=lewe>menu lewe</section><main>tekst></main><section id="prawe>menu prawe</section>
<footer>stopka</footer>
</section>

[!*!]

Umieszczaj kod w odpowiednich tagach na forum.

Jeśli chcesz nadać id dla elementów to tak.

[norbiQue]

no ale chyba nie popawnie /semantyka/ jak będzie section w section,

Ten post edytował norbiQue 11.05.2013, 14:42:03

[!*!]

Zrób tak jak podałem wyżej.

[norbiQue]

a masz pomysl jak to sensownie rozwiazać to ?

Ten post edytował norbiQue 11.05.2013, 18:59:30

[!*!]

A z czym masz problem, aby to zastosować?

[norbiQue]

hmm, nie wiem dokładnie czy dobrze Cię rozumiem,
a chcę też aby było to porawne i zgodne z dzisiejszymi standardami

[!*!]

To co podałem jest zgodne.

[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

[!*!]

@r4xz kwestia sporna, tak samo jak korzystanie dziś z float.

[r4xz]

@r4xz kwestia sporna, tak samo jak korzystanie dziś z float.

no jakbyś mógł to poprzyj swoją wypowiedź jakimś dobrym źródłem (w którym jest to wyraźnie zaznaczone) (IMG:style_emoticons/default/smile.gif)

[com]

@r4xz oba rozwazania są poprawne:

The <section> tag defines sections in a document. Such as chapters, headers, footers, or any other sections of the document.

Nie można brać wsztkiego całkiem dosłownie, bo to co cytujesz jest tylko zaleceniem, dlatego iż sam element section nie zawiera domyślnych formatowań, jak jest w przypadku div, a jedynie zaznacza gdzie sie znajdujemy w dokumencie, ale rowiazanie !*! jest tak samo poprawne, jak twoje (IMG:style_emoticons/default/wink.gif) tak samo możliwe jest umieszczanie znacznków section w innych znacznikach section (IMG:style_emoticons/default/wink.gif)

Ten post edytował com 12.05.2013, 16:55:16

[!*!]

no jakbyś mógł to poprzyj swoją wypowiedź jakimś dobrym źródłem (w którym jest to wyraźnie zaznaczone) (IMG:style_emoticons/default/smile.gif)

float powstał dla elementów pływających np. obrazka który ma być oblepiony tekstem, to że był wykorzystywany do budowy szkieletu na kolumnach było tylko pójściem na łatwiznę i przez krótki czas, jedynym zamiennikiem.

Dzisiaj każda przeglądarka obsługuje poprawnie display:table, więc nie widzę powodu, aby z tego nie korzystać, tym bardziej że wiele rzeczy upraszcza i nie trzeba się bawić w niektórych przypadkach z position na dokładkę.

[hubson87]

html5 to nie jest już w pełni funkcjonalny standard.
Co do Twojego problemu polecam poczytać -> http://www.ejeliot.com/blog/61