Rozdział 7.
Określanie typu położenia
Kiedy określasz atrybuty znacznika HTML-owetjo poprzez selektor
w kaskadowych arkuszach stylów, to w efekcie wyróżniasz zawartość wewnątrz pojemnika tego znacznika jako unikalny element na ekranie. (Patrz „Pojęcie bloku elementów”, strona 84). Tym unikalnym elementem można manipulować za pomocą umiejscawiania CSS - CSS-P.
Każdy element może mieć jedną z trzech dostępnych wartości umiejscawiania (patrz tabela 7.1). Typ umiejscowienia mówi przeglądarce, jak należy traktować element podczas wyświetlania go na ekranie.
Kiedy elementy zostaną już umieszczone na ekranie, to będziesz mógł wykorzystać język JavaScripl lub inny język skryptowy do ich przesuwania, ukrywania lub wyświetlania.
■ Choć właściwości CSS-P możesz używać w dowolnym znaczniku HTML-owym, w którym możesz użyć normalnych kaskadowych arkuszy' stylów, to jednak zamiast tego często użyteczne jest kojarzenie informacji związanych
z umiejscawianiem z niezależna klasą lub identyfikatorem (patrz strony 30-32).
używane według potrzeb, a nie przypisywane automatycznie do znacznika.
■ Jeśli znaszjuż warstwy (ang. layers) dostępne w Navigatorze (patrz rozdział 13), to umiejscawianie CSS powinno być Ci całkiem znajome. Jednak aby kod DHTML-owy mógł działać na wielu przeglądarkach, nie będziemy stosowali warstw, lecz CSS-P.
Tabela 7.1. Kwestia położenia
Nazwa |
Jak działa? |
Gdzie znaleźć więcej informacji? |
static |
Umieszcza element w linii, jednak jego położenie nie może być zmienione. |
„Używanie umiejscawiania statycznego" |
relative |
Umieszcza element w linii, jednak pozwala na przesuwanie elementu w obrębie naturalnego położenia elementu na ekranie. |
„Używanie umiejscawiania względnego' |
absolute |
Element jest umieszczany w ściśle określonej pozycji w oknie przeglądarki, niezależnie od innych elementów na ekranie. |
„Używanie umiejscawiania bezwzględnego” |
Ostrzeżenie: Umiejscawianie a starsze przeglądarki
Użycie większości właściwości omawianych w rozdziałach od 2. do 6. nie przeszkodzi w poprawnym wyświetleniu strony w przeglądarkach, które nie obsługują CSS. Jednak jeśli użyjesz umiejscawiania do określenia układu dokumentu, to jest możliwe, żc dokument nie zostanie poprawnie wyświetlony w starszych przeglądarkach, a nawet może być całkowicie bezużyteczny. Zawsze przetestuj swój kod w przeglądarkach nie obsługujących kaskadowych arkuszy stylów, aby zobaczyć, czy otrzymane wyniki są możliwe do zaakceptowania.
116