DHTML0112

Umiejscawianie w CSS

Wiele osób skarży się, że WWW jest zbyt wolna; znane jest powiedzenie, że WWW to skrót od „World Wide Wait” (co można przetłumaczyć jako „ogólnoświatowe oczekiwanie”). Częściowo problem ten wynika z faktu, iż aby stworzyć atrakcyjną stronę WWW, projektanci muszą często używać pamięćiożernej grafiki tylko i wyłącznie po to, aby stworzyć tekst, który zostanie wyświetlony dokładnie w tym miejscu strony, w którym projektant sobie tego życzy.

Innym zagadnieniem projektowym mającym wpływ na efektywność wyświetlania stron WWW jest użycie tabel do tworzenia kolumn, lub gromadzenia grafiki w formie układanki.

Umiejscawianie dostępne w kaskadowych arkuszach stylów (ang. CSS Positioning -CSS-P) jest dokładniejsze zarówno od grafiki, jak i od tabel, a wyniki są wyświetlane znacznie szybciej.

Dzięki tworzeniu marginesów oraz obramowali

(patrz, rozdział 6.), kaskadowe arkusze stylów dają nam kontrolę nad kompozycją strony.

Poza tym CSS-P pozwala na umiejscawianie

elementów na ekranie dokładnie tam, gdzie

chcemy, bądź też względem innych elementów,

W tym rozdziale przedstawię metody używane do umiejscawiania elementów HTML-owych przy użyciu kaskadowych arkuszy stylów.

Choć przedstawiony tu kod został oparty na ostatnio ukończonych kaskadowych arkuszach stylów poziomu drugiego (Cascading Style Sheets Lcvel 2), to jednak odpowiednie możliwości zostały już przynajmniej częściowo zaimplementowane w dwóch najbardziej popularnych przeglądarkach: Internet Explorerze 4.0 oraz Netscape Navigatorze 4.0.

Umiejscawianie w CSS

115