[css]pozycjonowanie elementow na stronie

[kubatur0]

Witam, mam takie pytanie wlasciwie z rodziny ciekawostki. Co jest bardziej opcjonalne przy Tworzeniu stron od podstaw, jak juz mamy caly szablon pociety. Czy calosc ustawiac przy pomocy plywajacych obiektow floatem cyz moze ustawiac odpowiednio do wymiarow strony np position:relative. Prosze o opinie, pozdrawiam.

[Dhofca]

To pierwsze, zdecydowanie.

[kubatur0]

a Czy w ogole sytuowanie elementow na stronie przy pomocy position:relative jest optymalne? niekoniecznie caly szablon strony tylko jakis element wewnatrz ktoregos <div>?

[Kartofelek]

To i to ma inne zastosowanie. Bardzo często stosuje się np pływające bloki które mają pozycję relatywną. W ich wnętrzu precyzyjnie możesz np pozycjonować absolutnie.
Wszystko zależy od sytuacji. Chcesz umieścić mały przycisk w prawym górnym rogu strony? Wykorzystaj pozycjonowanie absolutne, które będzie się odnosić do pozycjonowania relatywnego dla blogu nadrzędnego.

Wszystko przychodzi z czasem. W sumie nawet nie wiem jak ci to dobrze opisać. Po prosu - są sytuacje kiedy używa się floatowania (znacznie częściej) ale są też sytuacje, kiedy użyjemy pozycjonowania.

Z mojej strony mogę dodać, że 99% przypadków użycia pozycjonowania relatywnego występują wtedy, gdy chcę coś pozycjnowować absolutnie względem danego bloku.

<div pos:relativel float....>
<div absolute>
</div>
</div>

[Labsta.com]

Jest kilka powodów, dlaczego lepszy do budowania strony jest float. Podstawowy jest taki, że float nie wyciąga elementu z jego biegu. Mówiąc po ludzku: jeśli w div wstawisz dwa divy o wysokości 300px, rodzić ma 600px; jeśli zrobisz to "aboslutnie" rodzic będzie miał 0px.
Najlepiej zrozumiesz to po prostu testując sprawę.
Jeśli chodzi o pozycje absolutne, można je stosować bezpiecznie właściwie wyłącznie dla elementów o stałych wymiarach, które w przyszłości nie zmienią swojej wielkości lub do zastosowań specjalnych typu dropdown menu itp, czyli tam gdzie wyciąganie elementu z biegu dokumentu jest pożądane.

Ogólnie stosuj float (bo tak mówimy ),a zrozumienie różnic przyjdzie wraz z praktyką.

[Kartofelek]

"float nie wyciąga elementu z jego biegu."
nie prawda

[Labsta.com]

@Kartofelek po części masz rację, ale nie komplikujmy jeszcze bardziej sprawy. Faktycznie float może wyciągnąć element z biegu, z drugiej strony jeśli opływanemu elementowi nie zapewnisz wystarczającej ilości miejsca to element nie zmieści się i przeskoczy niżej. Sytuacja staje się jeszcze bardziej jednoznaczna przy użyciu overflow: hidden itd...
Wynika z tego, że wyciąga i nie wyciąga. Pisząc, że nie wyciąga chciałem zaznaczyć różnicę w działaniu względem pozycji absolutnej.

[Kartofelek]

<div pos:rel; width:700; overflow:hidden>
<div pos:abs; left:0; width:200>
<div right:0; width:500>
</div>

<div width:700; overflow:hidden>
<div float:left; width:200;>
<div float:right; width:500;>
</div>

Wszystko jest kwestia podejscia i danej sytuacji.
Oczywiście masz rację co do tego co piszesz. Oczywiście też ktoś musiał ciepnąć się głupich szczegółów - jak to zwykle bywa w necie. Dzisiaj w tej rolli występuję ja ;]