10-02-2012, 16:58
Nie. Pozycjonowanie absolutne nie ustala jego zapędów terytorialnych. Do tego służą overflow:hidden i wymiary (width, height).
Podstawy:
Strona zbudowana jest z części - zwanych często "blokami" (nie mówię tutaj o div, ale o prostokątnych "częściach" siatki z której każda strona jest zrobiona - np nagłówek, jakaś belka boczna, stopka ect, linki w stopce, logo, guziczek ect).
Najczęściej używane są 3 typy takich części: blokowe, inline i inline-block.
Blokowe - zajmują DOMYŚLNIE całą szerkość. Można im nadać wymiary. I właściwie tyle
Inline - zamują DOMYŚLNIE tyle ile zajmuje ich wnętrze. Domyślnie też leżą obok siebie (jak nazwa wskazuje) w poziomej linii. Najlepszym przykładem może być np słowo czy podobna mała rzecz.
Takim elementom domyślnie nie można nadać wymiarów
Inline-block - są połączeniem obydwu powyższych. Czyli leżą domyślnie obok siebie, ale można im spokojnie nadawać wymiary, paddingi itp
To oczywiście ich domyślne zachowanie, bo stylując możesz to totalnie pozmieniać. Ale chodzi o semantykę czyli np głupim pomysłem jest umieszczanie w spanie np h1 itp.
Teraz dochodzi stylowanie.
Jeżeli dasz elementowi blokowemu float, to zacznie on "unosić się" - czyli albo poleci na lewo albo na prawo. Ma to wpływ na położenie innych elementów. Oczywiście na inne typy działa to tak samo. Jeżeli jeden element lata, wtedy żeby inneustawiły się obok niego muszą mieć także latanie do tej strony. Jeżeli któryś element ma już nie latać, wtedy dajemy clear:strona (left, right, both);
Jeżeli dla bloku dasz position:absolute wyrwiesz go totalnie z siatki strony i już nic a nic nie będzie on wpływał na inne elementy. Absolute działa do pierwszego nadrzędnego elementu który ma pozycjonowanie relatywne. Jeżeli takiego nie ma to działa dla strony.
Reszta jest opisana w przytaczanych tutaj setki razy tutorialach. Poszukaj w google: html tutorial helion czy html browsehappy. Wiem że te kursy nie są idealne, ale w sumie ciężko znaleźć coś innego. Reszta to już nauka, praktyka i praktyka. Z czasem łapie się doświadczenie i zaczyna bawić się tym całym kodem jakby był zabawkami
Podstawy:
Strona zbudowana jest z części - zwanych często "blokami" (nie mówię tutaj o div, ale o prostokątnych "częściach" siatki z której każda strona jest zrobiona - np nagłówek, jakaś belka boczna, stopka ect, linki w stopce, logo, guziczek ect).
Najczęściej używane są 3 typy takich części: blokowe, inline i inline-block.
Blokowe - zajmują DOMYŚLNIE całą szerkość. Można im nadać wymiary. I właściwie tyle
Inline - zamują DOMYŚLNIE tyle ile zajmuje ich wnętrze. Domyślnie też leżą obok siebie (jak nazwa wskazuje) w poziomej linii. Najlepszym przykładem może być np słowo czy podobna mała rzecz.
Takim elementom domyślnie nie można nadać wymiarów
Inline-block - są połączeniem obydwu powyższych. Czyli leżą domyślnie obok siebie, ale można im spokojnie nadawać wymiary, paddingi itp
To oczywiście ich domyślne zachowanie, bo stylując możesz to totalnie pozmieniać. Ale chodzi o semantykę czyli np głupim pomysłem jest umieszczanie w spanie np h1 itp.
Teraz dochodzi stylowanie.
Jeżeli dasz elementowi blokowemu float, to zacznie on "unosić się" - czyli albo poleci na lewo albo na prawo. Ma to wpływ na położenie innych elementów. Oczywiście na inne typy działa to tak samo. Jeżeli jeden element lata, wtedy żeby inneustawiły się obok niego muszą mieć także latanie do tej strony. Jeżeli któryś element ma już nie latać, wtedy dajemy clear:strona (left, right, both);
Jeżeli dla bloku dasz position:absolute wyrwiesz go totalnie z siatki strony i już nic a nic nie będzie on wpływał na inne elementy. Absolute działa do pierwszego nadrzędnego elementu który ma pozycjonowanie relatywne. Jeżeli takiego nie ma to działa dla strony.
Kod:
<div position:relative> <-- do tego bedzie działać absolute
<div>
<div position:absolute></div>
</div>
</div>Reszta jest opisana w przytaczanych tutaj setki razy tutorialach. Poszukaj w google: html tutorial helion czy html browsehappy. Wiem że te kursy nie są idealne, ale w sumie ciężko znaleźć coś innego. Reszta to już nauka, praktyka i praktyka. Z czasem łapie się doświadczenie i zaczyna bawić się tym całym kodem jakby był zabawkami
