+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [css]pozycjonowanie elementow na stronie (/thread-css-pozycjonowanie-elementow-na-stronie)
[css]pozycjonowanie elementow na stronie - kubatur0 - 08-11-2010
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.
RE: [css]pozycjonowanie elementow na stronie - Dhofca - 08-11-2010
To pierwsze, zdecydowanie.
RE: [css]pozycjonowanie elementow na stronie - kubatur0 - 08-11-2010
a Czy w ogole sytuowanie elementow na stronie przy pomocy position:relative jest optymalne? niekoniecznie caly szablon strony tylko jakis element wewnatrz ktoregos <div>?
RE: [css]pozycjonowanie elementow na stronie - Kartofelek - 08-11-2010
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>
RE: [css]pozycjonowanie elementow na stronie - Labsta.com - 08-11-2010
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ą.
RE: [css]pozycjonowanie elementow na stronie - Kartofelek - 09-11-2010
"float nie wyciąga elementu z jego biegu."
nie prawda
RE: [css]pozycjonowanie elementow na stronie - Labsta.com - 09-11-2010
@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.
RE: [css]pozycjonowanie elementow na stronie - Kartofelek - 10-11-2010
<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 ;]