Forum PHP.pl

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

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

http://jsfiddle.net/Lu8za/

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.

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.

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.

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ć?

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.

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


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

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)

@r4xz oba rozwazania są poprawne:



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

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

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