Sebelum memulai membuat layout Web menggunakan CSS, kita terlebih dahulu harus mengetahui dan merumuskan tingkat dukungan browser terhadap CSS yang akan dipergunakan, hal ini berguna untuk memperkirakan bagaimana tampilan pada browser-browser berbeda.
Situs Max Design mendeskripsikan, terdapat 3 tingkat dasar dukungan browser terhadap layout Web:
Browser Lama: Win/Netscape4.x, Win/InternetExplore4.x, Mac/Netscape4.x, Mac/InternetExplorer4.x, dll.
Browser Masakini: Win/InternetExplore 5, Win/InternetExplore 5.5, Win/Netscape 6, Win/Mozilla1.x, Win/Opera6, Mac/Netscape6, Mac/Mozilla1.x, Mac/Opera5, dll.
Browser Modern: Win/InternetExplore 6, Win/ Netscape7, Win/Mozilla1.5, Win/Firebird0.7, Win/Opera7, Mac/InternetExplore5.2, Mac/Safari1, Mac/ Netscape7, Mac/Mozilla1.5, Mac/Opera6, etc.
Tingkat Dukungan
Pada situs Max Design, dideskripsikan pula tingkat dukungan browser pada CSS.
Full CSS Support: Browser dapat mengenali semua perintah CSS dan menampilkannya dengan baik. Bila Anda ingin menampilkan dukungan CSS Full pada browser lama anda harus menggunakan CSS dasar dan menghindari Positioning CSS yang rumit.
Partial CSS Support: Beberapa perintah CSS tidak didukung oleh browser-browser yang dipergunakan. Hal ini berarti browser tidak dapat menampilkan layout secara akurat, tapi tetap akan manmpilkan layout pada CSS yang didukung.
Unstyled Content: Semua perintah CSS tidak di tampilkan.
| Browser | ?Browser Modern | Browser Kini | Browser Lama |
|---|---|---|---|
| Opsi 1. | Full CSS support | Full CSS support | Full CSS support |
| Opsi 2. | Full CSS support | Full CSS support | Partial CSS support |
| Opsi 3. | Full CSS support | Full CSS support | Unstyled content |
| Opsi 4. | Full CSS support | Partial CSS support | Unstyled content |
Tabel diatas adalah opsi-opsi yang ingin dipergunakan dalam membuat layout CSS. Opsi 1 berarti kita harus menggunakan CSS yang sangat dasar hingga dapat ditampilkan dengan baik pada berbagai browser, demikian pula dengan opsi 2, 3, dan 4. Tiap opasi yang kita gunakan dalam menggunakan perintah CSS dapat kita pilih sesuai dengan kebutuhan audiens Anda, bagaimanapun, tiap opsi memiliki kelebihan dan kekurangan masing-masing. (Pupung Budi Purnama)
6 Responses to Tingkat Dukungan Browser pada CSS Layout
ipey June 8, 2006
klo bisa disertakan contoh syntax2 css
adi August 24, 2006
bagus
dont cry February 24, 2007
benar . . . salah satu hal yg bisa membuat seorang web designer bisa kehilangan pekerjaannya adalah beda browser maka beda tampilan, sebaiknya di tampilkan juga bagaimana cara mengatasi perbedaan tersebut, dan dengan contoh2 juga jurus2 jitu . . . tnk
camelia rochmah December 2, 2007
wah apa see css itu aku g ngerti yang ku tahu cuma html aja. apa bedanya seee antara html, xhtml ama css itu?????????tolong dibalas ke emailku ,please
afila February 17, 2009
gimananya mengatasi perbedaan tampilan suatu web yang ketika dibuka di opera bisa sempurna sedangkan dibuka di internet explore terlihat sangat kacau..
atas bantuannya terima kasih..
dani May 12, 2009
Inggris juga ngeluarin rekomendasi peramban yang sebaiknya dipakai sebagai acuan pengembangan web, UK’s COI Web Standards Guidance.