01.10.09

Problemy ze znacznikami DIV

Ikona komentarze Komentarze (3)

Przeglądarki internetowe różnie interpretują niektóre znaczniki HTML i style CSS. W największym stopniu różnice te dotyczą znaczników DIV. Zobaczmy, jak tworzyć bloki DIV, które będą wyglądały identycznie w każdej przeglądarce.

spis treści

  1. 1. Problemy z DIV-ami
  2. 2. Tworzymy blok DIV
  3. 3. Nadajemy wygląd blokowi
  4. 4. Problemy z rozmiarem
następna

Problemy z DIV-ami

Znacznik elementu blokowego <div> w ciągu ostatnich kilku lat zdobył wielką popularność. Za jego pomocą określa się obecnie układy witryn. Znacznik <div> pozwala również na umieszczenie dowolnego elementu strony (na przykład menu czy reklamy) w ściśle określonym miejscu okna przeglądarki, a także wydzielenie ważnych informacji.

 

Polecamy zakup książki Komputer Świat Biblioteczka: Własna strona WWW w LITERIA.pl

 

problemy-ze-znacznikami-div-01
Cały układ witryny Komputer Świata opiera się na elementach blokowych. Dodatkowo za pomocą DIV-ów wydzielone zostały różne elementy strony, na przykład ramka w lewym dolnym rogu



Niestety, posługiwanie się znacznikiem <div> przysparza webmasterom wielu problemów. Dlaczego? Ponieważ rozmiary i wygląd każdego bloku <div> należy ustalać za pomocą stylów CSS, a te są interpretowane odmiennie w różnych przeglądarkach. Aby więc element w każdej przeglądarce wyglądał identycznie, należy stosować różne sztuczki. Ekspert pokaże, jak tworzyć elementy <div>, oraz podpowie, co zrobić, aby wyglądały one tak samo w różnych przeglądarkach.

następna

Komentarze

Cyprian 2009-10-03 Mała pomytłka: span nie jest elementem blokowym ale liniowym. Oczywiście można zmienić atrybut display na block, ale domyslnie span jest liniowy.
bartek 2011-04-07 Dlaczego kolory wstawiane za pomocą stylów są w przykladzie napisane nazwą a nie kodem RGB jak zaleca do stosowania w CSS konsorcjum zajmujące się standardami?
nietoperz34 2011-08-31 Ja programuje w XHTML 1.1 + XML 1.0. Prosiłbym o jakieś wydanie na temat XML.

Dodaj komentarz

autor
zapisz
tekst
filtr antyspamowy:
wpisz pierwszy wyraz tytułu artykułu


najnowszy numer

Ekspert 3/2011

Ekspert 3/2011

Ekspert 3/2011 - Sieć koniec problemów
W numerze: Sieć bez problemów, własny sklep na Facebooku, technologia chmury, Objective-C i programowanie w Adobe Flex.

czytaj dalej

forum gorące wątki