Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: trzy kolumny
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
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 biggrin.gif
!*!
http://jsfiddle.net/Lu8za/
norbiQue
no tak, lecz tu wszystko jest w section, u mnie nie, tylko w body
!*!
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,
!*!
Zrób tak jak podałem wyżej.
norbiQue
a masz pomysl jak to sensownie rozwiazać to ?
!*!
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
Cytat
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
!*!
@r4xz kwestia sporna, tak samo jak korzystanie dziś z float.
r4xz
Cytat(!*! @ 12.05.2013, 11:49:06 ) *
@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) smile.gif
com
@r4xz oba rozwazania są poprawne:

Cytat
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 wink.gif tak samo możliwe jest umieszczanie znacznków section w innych znacznikach section wink.gif
!*!
Cytat(r4xz @ 12.05.2013, 15:06:08 ) *
no jakbyś mógł to poprzyj swoją wypowiedź jakimś dobrym źródłem (w którym jest to wyraźnie zaznaczone) 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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.